boreal-ui 0.0.35 → 0.0.37

package/dist/core/FileUpload-Q8aDsaFs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload-Q8aDsaFs.js","sources":["../../src/Icons/FileIcon.tsx","../../src/Icons/TrashIcon.tsx","../../src/components/FileUpload/FileUploadBase.tsx","../../src/components/FileUpload/core/FileUpload.tsx"],"sourcesContent":["const FileIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 20.5V6.5C3 5.67157 3.67157 5 4.5 5H14.2515C14.4106 5 14.5632 5.06321 14.6757 5.17574L17.8243 8.32426C17.9368 8.43679 18 8.5894 18 8.74853V20.5C18 21.3284 17.3284 22 16.5 22H4.5C3.67157 22 3 21.3284 3 20.5Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M14 5V8.4C14 8.73137 14.2686 9 14.6 9H18\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default FileIcon;\r\n","const TrashIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    stroke-width=\"1.5\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9\"\r\n      fill=\"currentColor\"\r\n    ></path>\r\n    <path\r\n      d=\"M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9H20Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M21 6H15.375M3 6H8.625M8.625 6V4C8.625 2.89543 9.52043 2 10.625 2H13.375C14.4796 2 15.375 2.89543 15.375 4V6M8.625 6H15.375\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default TrashIcon;\r\n","import React, { useMemo, useRef, useState, useEffect } from \"react\";\r\nimport { BaseFileUploadProps } from \"./FileUpload.types\";\r\nimport { FileIcon, TrashIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseFileUpload: React.FC<BaseFileUploadProps> = ({\r\n  label = \"Upload File\",\r\n  description,\r\n  error,\r\n  required = false,\r\n  theme = getDefaultTheme(),\r\n  controlRounding = getDefaultRounding(),\r\n  controlShadow = getDefaultShadow(),\r\n  outline = false,\r\n  outlineRounding = getDefaultRounding(),\r\n  outlineShadow = getDefaultShadow(),\r\n  state = \"\",\r\n  multiple = false,\r\n  maxFileSizeBytes = Infinity,\r\n  allowedFileTypes = [],\r\n  onSubmit,\r\n  uploadProgress,\r\n  \"data-testid\": testId = \"file-upload\",\r\n  FormGroup,\r\n  disabled = false,\r\n  Button,\r\n  IconButton,\r\n  ProgressBar,\r\n  classMap,\r\n}) => {\r\n  const [fileNames, setFileNames] = useState<string[]>([]);\r\n  const [files, setFiles] = useState<File[]>([]);\r\n  const [rejectedFiles, setRejectedFiles] = useState<\r\n    { name: string; reason: string }[]\r\n  >([]);\r\n  const [internalProgress, setInternalProgress] = useState<number>(0);\r\n  const [uploading, setUploading] = useState(false);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const [uploadMessage, setUploadMessage] = useState<string | null>(null);\r\n  const fileInput = useRef<HTMLInputElement | null>(null);\r\n  const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);\r\n\r\n  const accept = useMemo(() => {\r\n    if (!allowedFileTypes || allowedFileTypes.length === 0) return undefined;\r\n    return allowedFileTypes.join(\",\");\r\n  }, [allowedFileTypes]);\r\n\r\n  const validateFiles = (newFiles: File[]) => {\r\n    const valid: File[] = [];\r\n    const rejected: { name: string; reason: string }[] = [];\r\n\r\n    newFiles.forEach((file) => {\r\n      const isSizeOk = file.size <= maxFileSizeBytes;\r\n      const ext = file.name.includes(\".\")\r\n        ? \".\" + file.name.split(\".\").pop()!.toLowerCase()\r\n        : \"\";\r\n      const typeAllowed =\r\n        allowedFileTypes.length === 0 ||\r\n        allowedFileTypes.includes(file.type) ||\r\n        (ext && allowedFileTypes.map((t) => t.toLowerCase()).includes(ext));\r\n\r\n      if (isSizeOk && typeAllowed) {\r\n        valid.push(file);\r\n      } else {\r\n        rejected.push({\r\n          name: file.name,\r\n          reason: !isSizeOk\r\n            ? `Exceeds size limit (${(file.size / 1024 / 1024).toFixed(2)}MB)`\r\n            : `Invalid type (${file.type || ext || \"unknown\"})`,\r\n        });\r\n      }\r\n    });\r\n\r\n    return { valid, rejected };\r\n  };\r\n\r\n  const truncate = (s: string) => (s.length > 30 ? s.slice(0, 27) + \"...\" : s);\r\n\r\n  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const selected = e.target.files;\r\n    if (!selected || selected.length === 0) return;\r\n\r\n    const { valid, rejected } = validateFiles(Array.from(selected));\r\n    const updatedFiles = multiple ? [...files, ...valid] : valid;\r\n\r\n    setFiles(updatedFiles);\r\n    setFileNames(updatedFiles.map((f) => truncate(f.name)));\r\n    setRejectedFiles(rejected);\r\n\r\n    if (fileInput.current) fileInput.current.value = \"\";\r\n  };\r\n\r\n  const removeFile = (index: number) => {\r\n    const updatedFiles = files.filter((_, i) => i !== index);\r\n    setFiles(updatedFiles);\r\n    setFileNames(updatedFiles.map((f) => truncate(f.name)));\r\n  };\r\n\r\n  const getButtonLabel = () => {\r\n    if (fileNames.length > 0) return multiple ? \"Add Files\" : \"Select New\";\r\n    return \"Choose File\";\r\n  };\r\n\r\n  const handleDragOver = (e: React.DragEvent) => {\r\n    e.preventDefault();\r\n    setIsDragging(true);\r\n  };\r\n\r\n  const handleDragLeave = () => {\r\n    setIsDragging(false);\r\n  };\r\n\r\n  const handleDrop = (e: React.DragEvent) => {\r\n    e.preventDefault();\r\n    setIsDragging(false);\r\n    const droppedFiles = e.dataTransfer.files;\r\n    if (droppedFiles.length > 0) {\r\n      handleFileChange({\r\n        target: { files: droppedFiles },\r\n      } as React.ChangeEvent<HTMLInputElement>);\r\n    }\r\n  };\r\n\r\n  const handleUpload = async () => {\r\n    if (!files.length || uploading) return;\r\n    setUploading(true);\r\n    setInternalProgress(0);\r\n    setUploadMessage(null);\r\n\r\n    try {\r\n      if (uploadProgress === undefined) {\r\n        intervalRef.current = setInterval(() => {\r\n          setInternalProgress((prev) => {\r\n            if (prev >= 100) {\r\n              if (intervalRef.current) clearInterval(intervalRef.current);\r\n              return 100;\r\n            }\r\n            return prev + 10;\r\n          });\r\n        }, 100);\r\n      }\r\n\r\n      await Promise.resolve(onSubmit?.(files));\r\n      setUploadMessage(\"Upload successful.\");\r\n    } catch {\r\n      setUploadMessage(\"Upload failed. Please try again.\");\r\n    } finally {\r\n      if (intervalRef.current) {\r\n        if (uploadProgress === undefined) setInternalProgress(100);\r\n        clearInterval(intervalRef.current);\r\n        intervalRef.current = null;\r\n      }\r\n      setTimeout(() => setUploading(false), 300);\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (intervalRef.current) clearInterval(intervalRef.current);\r\n    };\r\n  }, []);\r\n\r\n  const containerClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.fileUpload,\r\n        classMap[state],\r\n        classMap[theme],\r\n        outlineShadow && classMap[`shadow${capitalize(outlineShadow)}`],\r\n        outlineRounding && classMap[`round${capitalize(outlineRounding)}`],\r\n        error && classMap.error,\r\n        isDragging && classMap.dragging,\r\n        disabled && classMap.disabled\r\n      ),\r\n    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      outlineShadow,\r\n      outlineRounding,\r\n      error,\r\n      isDragging,\r\n      disabled,\r\n    ]\r\n  );\r\n\r\n  const describedBy =\r\n    [\r\n      description ? `${testId}-description` : undefined,\r\n      error ? `${testId}-error` : undefined,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  return (\r\n    <FormGroup\r\n      label={label}\r\n      description={description}\r\n      error={error}\r\n      required={required}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={containerClassName}\r\n        onDragOver={handleDragOver}\r\n        onDragLeave={handleDragLeave}\r\n        onDrop={handleDrop}\r\n        aria-busy={uploading || undefined}\r\n        data-testid={testId ? `${testId}-wrapper` : undefined}\r\n      >\r\n        <input\r\n          ref={fileInput}\r\n          id={`${testId}-input`}\r\n          type=\"file\"\r\n          multiple={multiple}\r\n          accept={accept}\r\n          onChange={handleFileChange}\r\n          className={classMap.hiddenInput}\r\n          required={required}\r\n          aria-label={label}\r\n          aria-describedby={describedBy}\r\n          data-testid={testId ? `${testId}-input` : undefined}\r\n        />\r\n\r\n        <div className={classMap.uploadActions}>\r\n          <Button\r\n            icon={FileIcon}\r\n            size=\"small\"\r\n            theme={theme}\r\n            state={error ? \"error\" : state}\r\n            className={classMap.fileInput}\r\n            disabled={uploading || disabled}\r\n            outline={outline}\r\n            rounding={controlRounding}\r\n            shadow={controlShadow}\r\n            onClick={() => fileInput.current?.click()}\r\n            aria-label={\r\n              fileNames.length > 0 ? fileNames.join(\", \") : \"Choose File\"\r\n            }\r\n            data-testid={testId ? `${testId}-file-button` : undefined}\r\n          >\r\n            {getButtonLabel()}\r\n          </Button>\r\n        </div>\r\n\r\n        {rejectedFiles.length > 0 && (\r\n          <div className={classMap.rejectedFiles}>\r\n            <p className={classMap.rejectedLabel}>Rejected Files:</p>\r\n            <ul className={classMap.rejectedList}>\r\n              {rejectedFiles.map((file, index) => (\r\n                <li key={index} className={classMap.rejectedItem}>\r\n                  <span>{file.name}</span>\r\n                  <span className={classMap.rejectedReason}>\r\n                    {\" \"}\r\n                    – {file.reason}\r\n                  </span>\r\n                </li>\r\n              ))}\r\n            </ul>\r\n          </div>\r\n        )}\r\n\r\n        {fileNames.length > 0 && (\r\n          <div\r\n            className={classMap.uploadControls}\r\n            data-testid={testId ? `${testId}-controls` : undefined}\r\n          >\r\n            <ul className={classMap.fileList}>\r\n              {fileNames.map((name, index) => (\r\n                <li key={index} className={classMap.fileListItem}>\r\n                  <span>{name}</span>\r\n                  <IconButton\r\n                    icon={TrashIcon}\r\n                    state=\"error\"\r\n                    size=\"small\"\r\n                    type=\"button\"\r\n                    outline\r\n                    aria-label={`Remove ${name}`}\r\n                    onClick={() => removeFile(index)}\r\n                    className={classMap.removeButton}\r\n                  />\r\n                </li>\r\n              ))}\r\n            </ul>\r\n            {uploading && (\r\n              <ProgressBar\r\n                theme={theme}\r\n                className={classMap.uploadProgress}\r\n                progress={uploadProgress ?? internalProgress}\r\n                indeterminate={uploadProgress === undefined}\r\n                data-testid={testId ? `${testId}-progress` : undefined}\r\n              />\r\n            )}\r\n            {!uploading && (\r\n              <Button\r\n                theme={theme}\r\n                state={error ? \"error\" : state}\r\n                disabled={disabled || files.length === 0}\r\n                onClick={handleUpload}\r\n                loading={uploading}\r\n                size=\"small\"\r\n                className={classMap.uploadButton}\r\n                data-testid={testId ? `${testId}-upload-button` : undefined}\r\n              >\r\n                Upload\r\n              </Button>\r\n            )}\r\n          </div>\r\n        )}\r\n        <div\r\n          className=\"sr_only\"\r\n          aria-live=\"polite\"\r\n          aria-atomic=\"true\"\r\n          data-testid={testId ? `${testId}-upload-message` : undefined}\r\n        >\r\n          {uploadMessage}\r\n        </div>\r\n      </div>\r\n    </FormGroup>\r\n  );\r\n};\r\nBaseFileUpload.displayName = \"BaseFileUpload\";\r\nexport default BaseFileUpload;\r\n","import React from \"react\";\r\nimport BaseFileUpload from \"../FileUploadBase\";\r\nimport { FileUploadProps } from \"../FileUpload.types\";\r\nimport Button from \"../../Button/core/Button\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport ProgressBar from \"../../ProgressBar/core/ProgressBar\";\r\nimport FormGroup from \"../../FormGroup/core/FormGroup\";\r\nimport \"./FileUpload.scss\";\r\n\r\nconst classes = {\r\n  fileUpload: \"file_upload\",\r\n  hiddenInput: \"file_upload_hidden_input\",\r\n  uploadActions: \"file_upload_upload_actions\",\r\n  fileInput: \"file_upload_file_input\",\r\n  removeButton: \"file_upload_remove_button\",\r\n  uploadControls: \"file_upload_upload_controls\",\r\n  uploadProgress: \"file_upload_upload_progress\",\r\n  uploadButton: \"file_upload_upload_button\",\r\n  fileList: \"file_upload_file_list\",\r\n  fileListItem: \"file_upload_file_list_item\",\r\n  fileListFileName: \"file_upload_file_list_file_name\",\r\n  fileListRemoveButton: \"file_upload_file_list_remove_button\",\r\n\r\n  primary: \"file_upload_primary\",\r\n  secondary: \"file_upload_secondary\",\r\n  tertiary: \"file_upload_tertiary\",\r\n  quaternary: \"file_upload_quaternary\",\r\n  clear: \"file_upload_clear\",\r\n\r\n  disabled: \"file_upload_disabled\",\r\n  error: \"file_upload_error\",\r\n  success: \"file_upload_success\",\r\n  warning: \"file_upload_warning\",\r\n\r\n  shadowNone: \"file_upload_shadow-None\",\r\n  shadowLight: \"file_upload_shadow-Light\",\r\n  shadowMedium: \"file_upload_shadow-Medium\",\r\n  shadowStrong: \"file_upload_shadow-Strong\",\r\n  shadowIntense: \"file_upload_shadow-Intense\",\r\n\r\n  roundNone: \"file_upload_round-None\",\r\n  roundSmall: \"file_upload_round-Small\",\r\n  roundMedium: \"file_upload_round-Medium\",\r\n  roundLarge: \"file_upload_round-Large\",\r\n};\r\n\r\nconst FileUpload: React.FC<FileUploadProps> = (props) => {\r\n  return (\r\n    <BaseFileUpload\r\n      {...props}\r\n      FormGroup={FormGroup}\r\n      Button={Button}\r\n      IconButton={IconButton}\r\n      ProgressBar={ProgressBar}\r\n      classMap={classes}\r\n    />\r\n  );\r\n};\r\nFileUpload.displayName = \"FileUpload\";\r\nexport default FileUpload;\r\n"],"names":["FormGroup","Button","IconButton","ProgressBar"],"mappings":"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"}

package/dist/core/FileUpload.cjs.js

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

package/dist/core/FileUpload.js

@@ -1,4 +1,4 @@
-import { F } from "./FileUpload-DJ1wI_Bm.js";
+import { F } from "./FileUpload-Q8aDsaFs.js";
 export {
   F as default
 };

package/dist/core/{Footer-VpViLKN_.cjs → Footer-DMOA1W7N.cjs}

@@ -4,42 +4,45 @@ const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
-const IconButton = require("./IconButton-Bjjlbqiq.cjs");
-const Select = require("./Select-C65ai0xO.cjs");
-const ThemeContext = require("./ThemeContext-D_SPnedS.cjs");
-const UserThemeSettings = ({
-  theme = borealStyleConfig.getDefaultTheme(),
-  shadow = borealStyleConfig.getDefaultShadow(),
-  rounding = borealStyleConfig.getDefaultRounding(),
-  "data-testid": testId = "theme-select",
-  state = ""
-}) => {
-  const ctx = React.useContext(ThemeContext.ThemeContext);
-  if (!ctx)
-    throw new Error("ThemeContext is undefined. Wrap with ThemeProvider.");
-  const { selectedScheme, setSelectedScheme, schemes } = ctx;
-  const options = React.useMemo(
-    () => schemes.map((scheme, index) => ({
-      value: String(index),
-      label: scheme.name
-    })),
-    [schemes]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "control-container", children: /* @__PURE__ */ jsxRuntime.jsx(
-    Select.Select,
-    {
-      theme,
-      state,
-      shadow,
-      rounding,
-      options,
-      "data-testid": testId,
-      value: String(selectedScheme),
-      ariaLabel: "Select Theme",
-      onChange: (value) => setSelectedScheme(parseInt(String(value), 10))
-    }
-  ) });
-};
+const IconButton = require("./IconButton-CR9bTZoJ.cjs");
+const Select = require("./Select-B5Zoc07A.cjs");
+const ThemeContext = require("./ThemeContext-D1AV88GN.cjs");
+const UserThemeSettings = React.forwardRef(
+  ({
+    theme = borealStyleConfig.getDefaultTheme(),
+    shadow = borealStyleConfig.getDefaultShadow(),
+    rounding = borealStyleConfig.getDefaultRounding(),
+    "data-testid": testId = "theme-select",
+    state = ""
+  }) => {
+    const ctx = React.useContext(ThemeContext.ThemeContext);
+    if (!ctx)
+      throw new Error("ThemeContext is undefined. Wrap with ThemeProvider.");
+    const { selectedScheme, setSelectedScheme, schemes } = ctx;
+    const options = React.useMemo(
+      () => schemes.map((scheme, index) => ({
+        value: String(index),
+        label: scheme.name
+      })),
+      [schemes]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "control-container", children: /* @__PURE__ */ jsxRuntime.jsx(
+      Select.Select,
+      {
+        theme,
+        state,
+        shadow,
+        rounding,
+        options,
+        "data-testid": testId,
+        value: String(selectedScheme),
+        ariaLabel: "Select Theme",
+        onChange: (value) => setSelectedScheme(parseInt(String(value), 10))
+      }
+    ) });
+  }
+);
+UserThemeSettings.displayName = "UserThemeSettings";
 const FooterBase = ({
   theme = borealStyleConfig.getDefaultTheme(),
   attachment = "static",
@@ -69,14 +72,16 @@ const FooterBase = ({
     ),
     [classMap, theme, shadow, rounding, attachment, className]
   );
-  const isImgLike = typeof logo === "string" || typeof logo === "object" && logo && "src" in logo;
-  const logoSrc = isImgLike ? typeof logo === "string" ? logo : logo.src : void 0;
-  const logoW = isImgLike ? (logo == null ? void 0 : logo.width) ?? 20 : void 0;
-  const logoH = isImgLike ? (logo == null ? void 0 : logo.height) ?? 20 : void 0;
+  const isLogoImage = (v) => typeof v === "object" && v !== null && "src" in v;
+  const isImgLike = typeof logo === "string" || isLogoImage(logo);
+  const imgLogo = isImgLike ? typeof logo === "string" ? { src: logo } : logo : void 0;
+  const logoSrc = imgLogo == null ? void 0 : imgLogo.src;
+  const logoW = (imgLogo == null ? void 0 : imgLogo.width) ?? 20;
+  const logoH = (imgLogo == null ? void 0 : imgLogo.height) ?? 20;
   return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: footerClass, "data-testid": testId, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.content, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.left, "data-testid": `${testId}-left`, children: [
-      isImgLike ? /* @__PURE__ */ jsxRuntime.jsx(
-        ImageComponent,
+      isImgLike && logoSrc ? typeof ImageComponent === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
         {
           className: classMap.logo,
           "data-testid": `${testId}-logo`,
@@ -86,6 +91,16 @@ const FooterBase = ({
           height: logoH,
           width: logoW
         }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        ImageComponent,
+        {
+          className: classMap.logo,
+          "data-testid": `${testId}-logo`,
+          src: logoSrc,
+          alt: "Logo",
+          height: logoH,
+          width: logoW
+        }
       ) : /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
@@ -196,6 +211,7 @@ const Footer = (props) => {
     }
   );
 };
+Footer.displayName = "Footer";
 exports.Footer = Footer;
 exports.UserThemeSettings = UserThemeSettings;
-//# sourceMappingURL=Footer-VpViLKN_.cjs.map
+//# sourceMappingURL=Footer-DMOA1W7N.cjs.map

package/dist/core/Footer-DMOA1W7N.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer-DMOA1W7N.cjs","sources":["../../src/components/Select/ThemeSelect/core/ThemeSelect.tsx","../../src/components/Footer/FooterBase.tsx","../../src/components/Footer/core/Footer.tsx"],"sourcesContent":["import { useContext, useMemo, forwardRef } from \"react\";\r\nimport Select from \"../../core/Select\";\r\nimport { ThemeContext } from \"../../../../context/ThemeContext\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\nimport { ThemeSelectProps } from \"../../Select.types\";\r\n\r\nconst UserThemeSettings = forwardRef<HTMLSelectElement, ThemeSelectProps>(\r\n  ({\r\n    theme = getDefaultTheme(),\r\n    shadow = getDefaultShadow(),\r\n    rounding = getDefaultRounding(),\r\n    \"data-testid\": testId = \"theme-select\",\r\n    state = \"\",\r\n  }) => {\r\n    const ctx = useContext(ThemeContext);\r\n    if (!ctx)\r\n      throw new Error(\"ThemeContext is undefined. Wrap with ThemeProvider.\");\r\n\r\n    const { selectedScheme, setSelectedScheme, schemes } = ctx;\r\n\r\n    const options = useMemo(\r\n      () =>\r\n        schemes.map((scheme, index) => ({\r\n          value: String(index),\r\n          label: scheme.name,\r\n        })),\r\n      [schemes]\r\n    );\r\n\r\n    return (\r\n      <div className=\"control-container\">\r\n        <Select\r\n          theme={theme}\r\n          state={state}\r\n          shadow={shadow}\r\n          rounding={rounding}\r\n          options={options}\r\n          data-testid={testId}\r\n          value={String(selectedScheme)}\r\n          ariaLabel=\"Select Theme\"\r\n          onChange={(value: string | number) =>\r\n            setSelectedScheme(parseInt(String(value), 10))\r\n          }\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n);\r\nUserThemeSettings.displayName = \"UserThemeSettings\";\r\nexport default UserThemeSettings;\r\n","import React, { useMemo } from \"react\";\r\nimport { BaseFooterProps, LogoSource } from \"./Footer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\n\r\nconst FooterBase: React.FC<BaseFooterProps> = ({\r\n  theme = getDefaultTheme(),\r\n  attachment = \"static\",\r\n  shadow = \"none\",\r\n  rounding = \"none\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"footer\",\r\n  copyright,\r\n  links = [],\r\n  logo,\r\n  socialLinks = [],\r\n  showThemeSelect = false,\r\n  IconButton,\r\n  ImageComponent = \"img\",\r\n  ThemeSelect,\r\n  classMap,\r\n  LinkWrapper = ({ href, children, ...rest }) => (\r\n    <a href={href} {...rest}>\r\n      {children}\r\n    </a>\r\n  ),\r\n}) => {\r\n  const footerClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.footer,\r\n        classMap[theme],\r\n        shadow !== \"none\" && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding !== \"none\" && classMap[`round${capitalize(rounding)}`],\r\n        classMap[`attachment${capitalize(attachment)}`],\r\n        className\r\n      ),\r\n    [classMap, theme, shadow, rounding, attachment, className]\r\n  );\r\n\r\n  const isLogoImage = (\r\n    v: unknown\r\n  ): v is { src: string; width?: number; height?: number } =>\r\n    typeof v === \"object\" &&\r\n    v !== null &&\r\n    \"src\" in (v as Record<string, unknown>);\r\n\r\n  const isImgLike = typeof logo === \"string\" || isLogoImage(logo);\r\n\r\n  const imgLogo = isImgLike\r\n    ? typeof logo === \"string\"\r\n      ? { src: logo }\r\n      : logo\r\n    : undefined;\r\n\r\n  const logoSrc = imgLogo?.src;\r\n  const logoW = imgLogo?.width ?? 20;\r\n  const logoH = imgLogo?.height ?? 20;\r\n\r\n  return (\r\n    <footer className={footerClass} data-testid={testId}>\r\n      <div className={classMap.content}>\r\n        <div className={classMap.left} data-testid={`${testId}-left`}>\r\n          {isImgLike && logoSrc ? (\r\n            typeof ImageComponent === \"string\" ? (\r\n              <img\r\n                className={classMap.logo}\r\n                data-testid={`${testId}-logo`}\r\n                loading=\"lazy\"\r\n                src={logoSrc}\r\n                alt=\"Logo\"\r\n                height={logoH}\r\n                width={logoW}\r\n              />\r\n            ) : (\r\n              <ImageComponent\r\n                className={classMap.logo}\r\n                data-testid={`${testId}-logo`}\r\n                src={logoSrc}\r\n                alt=\"Logo\"\r\n                height={logoH}\r\n                width={logoW}\r\n              />\r\n            )\r\n          ) : (\r\n            <span\r\n              className={classMap.logo}\r\n              role=\"img\"\r\n              aria-label=\"Logo\"\r\n              data-testid={`${testId}-logo`}\r\n            >\r\n              {\r\n                logo as Exclude<\r\n                  LogoSource,\r\n                  string | { src: string; width?: number; height?: number }\r\n                >\r\n              }\r\n            </span>\r\n          )}\r\n\r\n          {copyright && (\r\n            <div\r\n              className={classMap.copyright ?? classMap.left}\r\n              data-testid={`${testId}-copyright`}\r\n            >\r\n              <p>{copyright}</p>\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {links.length > 0 && (\r\n          <nav\r\n            className={classMap.links}\r\n            aria-label=\"Footer site links\"\r\n            data-testid={`${testId}-nav`}\r\n          >\r\n            <ul>\r\n              {links.map((link, i) => {\r\n                const slug = (link.label || link.href || `link-${i}`)\r\n                  .toLowerCase()\r\n                  .replace(/\\s+/g, \"-\");\r\n                return (\r\n                  <li key={`${link.href ?? slug}-${i}`}>\r\n                    <LinkWrapper\r\n                      href={link.href}\r\n                      className={classMap.link}\r\n                      data-testid={`${testId}-link-${slug}`}\r\n                    >\r\n                      {link.label}\r\n                    </LinkWrapper>\r\n                  </li>\r\n                );\r\n              })}\r\n            </ul>\r\n          </nav>\r\n        )}\r\n\r\n        {showThemeSelect && (\r\n          <div\r\n            className={classMap.themeToggle}\r\n            data-testid={`${testId}-theme-select`}\r\n          >\r\n            <ThemeSelect theme=\"clear\" shadow=\"none\" aria-label=\"Theme\" />\r\n          </div>\r\n        )}\r\n\r\n        {socialLinks.length > 0 && (\r\n          <nav\r\n            className={classMap.social}\r\n            aria-label=\"Social media\"\r\n            data-testid={`${testId}-social`}\r\n          >\r\n            {socialLinks.map((social, index) => (\r\n              <IconButton\r\n                key={`${social.href ?? social.title}-${index}`}\r\n                icon={social.icon}\r\n                href={social.href}\r\n                isExternal\r\n                shadow=\"none\"\r\n                ariaLabel={social.title}\r\n                title={social.title}\r\n                theme=\"clear\"\r\n                data-testid={`${testId}-social-${social.title.toLowerCase().replace(/\\s+/g, \"-\")}`}\r\n              />\r\n            ))}\r\n          </nav>\r\n        )}\r\n      </div>\r\n    </footer>\r\n  );\r\n};\r\n\r\nFooterBase.displayName = \"FooterBase\";\r\nexport default FooterBase;\r\n","import React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport ThemeSelect from \"../../Select/ThemeSelect/core/ThemeSelect\";\r\nimport \"./Footer.scss\";\r\n\r\nconst classes = {\r\n  footer: \"footer\",\r\n\r\n  primary: \"footer_primary\",\r\n  secondary: \"footer_secondary\",\r\n  tertiary: \"footer_tertiary\",\r\n  quaternary: \"footer_quaternary\",\r\n  clear: \"footer_clear\",\r\n\r\n  shadowNone: \"footer_shadow-None\",\r\n  shadowLight: \"footer_shadow-Light\",\r\n  shadowMedium: \"footer_shadow-Medium\",\r\n  shadowStrong: \"footer_shadow-Strong\",\r\n  shadowIntense: \"footer_shadow-Intense\",\r\n\r\n  roundNone: \"footer_round-None\",\r\n  roundSmall: \"footer_round-Small\",\r\n  roundMedium: \"footer_round-Medium\",\r\n  roundLarge: \"footer_round-Large\",\r\n\r\n  attachmentStatic: \"footer_attachment-static\",\r\n  attachmentFixed: \"footer_attachment-fixed\",\r\n  attachmentSticky: \"footer_attachment-sticky\",\r\n\r\n  content: \"footer_content\",\r\n  logo: \"footer_logo\",\r\n  left: \"footer_left\",\r\n  links: \"footer_links\",\r\n  link: \"footer_link\",\r\n  social: \"footer_social\",\r\n\r\n  themeToggle: \"footer_theme_toggle\",\r\n};\r\n\r\nconst Footer: React.FC<FooterProps> = (props) => {\r\n  return (\r\n    <FooterBase\r\n      {...props}\r\n      IconButton={IconButton}\r\n      ThemeSelect={ThemeSelect}\r\n      classMap={classes}\r\n    />\r\n  );\r\n};\r\nFooter.displayName = \"Footer\";\r\nexport default Footer;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultShadow","getDefaultRounding","useContext","ThemeContext","useMemo","jsx","Select","IconButton","combineClassNames","capitalize","jsxs","ThemeSelect"],"mappings":"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"}

package/dist/core/{Footer-9x3F5gZx.js → Footer-zO4RGjCl.js}

@@ -1,44 +1,47 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useContext, useMemo } from "react";
+import { forwardRef, useContext, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { I as IconButton } from "./IconButton-DgfUCfo9.js";
-import { S as Select } from "./Select-bMjOWXRX.js";
-import { a as ThemeContext } from "./ThemeContext-DJ18CFaV.js";
-const UserThemeSettings = ({
-  theme = getDefaultTheme(),
-  shadow = getDefaultShadow(),
-  rounding = getDefaultRounding(),
-  "data-testid": testId = "theme-select",
-  state = ""
-}) => {
-  const ctx = useContext(ThemeContext);
-  if (!ctx)
-    throw new Error("ThemeContext is undefined. Wrap with ThemeProvider.");
-  const { selectedScheme, setSelectedScheme, schemes } = ctx;
-  const options = useMemo(
-    () => schemes.map((scheme, index) => ({
-      value: String(index),
-      label: scheme.name
-    })),
-    [schemes]
-  );
-  return /* @__PURE__ */ jsx("div", { className: "control-container", children: /* @__PURE__ */ jsx(
-    Select,
-    {
-      theme,
-      state,
-      shadow,
-      rounding,
-      options,
-      "data-testid": testId,
-      value: String(selectedScheme),
-      ariaLabel: "Select Theme",
-      onChange: (value) => setSelectedScheme(parseInt(String(value), 10))
-    }
-  ) });
-};
+import { I as IconButton } from "./IconButton-_lxTppua.js";
+import { S as Select } from "./Select-DntK69DL.js";
+import { a as ThemeContext } from "./ThemeContext-DSYDwr2m.js";
+const UserThemeSettings = forwardRef(
+  ({
+    theme = getDefaultTheme(),
+    shadow = getDefaultShadow(),
+    rounding = getDefaultRounding(),
+    "data-testid": testId = "theme-select",
+    state = ""
+  }) => {
+    const ctx = useContext(ThemeContext);
+    if (!ctx)
+      throw new Error("ThemeContext is undefined. Wrap with ThemeProvider.");
+    const { selectedScheme, setSelectedScheme, schemes } = ctx;
+    const options = useMemo(
+      () => schemes.map((scheme, index) => ({
+        value: String(index),
+        label: scheme.name
+      })),
+      [schemes]
+    );
+    return /* @__PURE__ */ jsx("div", { className: "control-container", children: /* @__PURE__ */ jsx(
+      Select,
+      {
+        theme,
+        state,
+        shadow,
+        rounding,
+        options,
+        "data-testid": testId,
+        value: String(selectedScheme),
+        ariaLabel: "Select Theme",
+        onChange: (value) => setSelectedScheme(parseInt(String(value), 10))
+      }
+    ) });
+  }
+);
+UserThemeSettings.displayName = "UserThemeSettings";
 const FooterBase = ({
   theme = getDefaultTheme(),
   attachment = "static",
@@ -68,14 +71,16 @@ const FooterBase = ({
     ),
     [classMap, theme, shadow, rounding, attachment, className]
   );
-  const isImgLike = typeof logo === "string" || typeof logo === "object" && logo && "src" in logo;
-  const logoSrc = isImgLike ? typeof logo === "string" ? logo : logo.src : void 0;
-  const logoW = isImgLike ? (logo == null ? void 0 : logo.width) ?? 20 : void 0;
-  const logoH = isImgLike ? (logo == null ? void 0 : logo.height) ?? 20 : void 0;
+  const isLogoImage = (v) => typeof v === "object" && v !== null && "src" in v;
+  const isImgLike = typeof logo === "string" || isLogoImage(logo);
+  const imgLogo = isImgLike ? typeof logo === "string" ? { src: logo } : logo : void 0;
+  const logoSrc = imgLogo == null ? void 0 : imgLogo.src;
+  const logoW = (imgLogo == null ? void 0 : imgLogo.width) ?? 20;
+  const logoH = (imgLogo == null ? void 0 : imgLogo.height) ?? 20;
   return /* @__PURE__ */ jsx("footer", { className: footerClass, "data-testid": testId, children: /* @__PURE__ */ jsxs("div", { className: classMap.content, children: [
     /* @__PURE__ */ jsxs("div", { className: classMap.left, "data-testid": `${testId}-left`, children: [
-      isImgLike ? /* @__PURE__ */ jsx(
-        ImageComponent,
+      isImgLike && logoSrc ? typeof ImageComponent === "string" ? /* @__PURE__ */ jsx(
+        "img",
         {
           className: classMap.logo,
           "data-testid": `${testId}-logo`,
@@ -85,6 +90,16 @@ const FooterBase = ({
           height: logoH,
           width: logoW
         }
+      ) : /* @__PURE__ */ jsx(
+        ImageComponent,
+        {
+          className: classMap.logo,
+          "data-testid": `${testId}-logo`,
+          src: logoSrc,
+          alt: "Logo",
+          height: logoH,
+          width: logoW
+        }
       ) : /* @__PURE__ */ jsx(
         "span",
         {
@@ -195,8 +210,9 @@ const Footer = (props) => {
     }
   );
 };
+Footer.displayName = "Footer";
 export {
   Footer as F,
   UserThemeSettings as U
 };
-//# sourceMappingURL=Footer-9x3F5gZx.js.map
+//# sourceMappingURL=Footer-zO4RGjCl.js.map

package/dist/core/Footer-zO4RGjCl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer-zO4RGjCl.js","sources":["../../src/components/Select/ThemeSelect/core/ThemeSelect.tsx","../../src/components/Footer/FooterBase.tsx","../../src/components/Footer/core/Footer.tsx"],"sourcesContent":["import { useContext, useMemo, forwardRef } from \"react\";\r\nimport Select from \"../../core/Select\";\r\nimport { ThemeContext } from \"../../../../context/ThemeContext\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\nimport { ThemeSelectProps } from \"../../Select.types\";\r\n\r\nconst UserThemeSettings = forwardRef<HTMLSelectElement, ThemeSelectProps>(\r\n  ({\r\n    theme = getDefaultTheme(),\r\n    shadow = getDefaultShadow(),\r\n    rounding = getDefaultRounding(),\r\n    \"data-testid\": testId = \"theme-select\",\r\n    state = \"\",\r\n  }) => {\r\n    const ctx = useContext(ThemeContext);\r\n    if (!ctx)\r\n      throw new Error(\"ThemeContext is undefined. Wrap with ThemeProvider.\");\r\n\r\n    const { selectedScheme, setSelectedScheme, schemes } = ctx;\r\n\r\n    const options = useMemo(\r\n      () =>\r\n        schemes.map((scheme, index) => ({\r\n          value: String(index),\r\n          label: scheme.name,\r\n        })),\r\n      [schemes]\r\n    );\r\n\r\n    return (\r\n      <div className=\"control-container\">\r\n        <Select\r\n          theme={theme}\r\n          state={state}\r\n          shadow={shadow}\r\n          rounding={rounding}\r\n          options={options}\r\n          data-testid={testId}\r\n          value={String(selectedScheme)}\r\n          ariaLabel=\"Select Theme\"\r\n          onChange={(value: string | number) =>\r\n            setSelectedScheme(parseInt(String(value), 10))\r\n          }\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n);\r\nUserThemeSettings.displayName = \"UserThemeSettings\";\r\nexport default UserThemeSettings;\r\n","import React, { useMemo } from \"react\";\r\nimport { BaseFooterProps, LogoSource } from \"./Footer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\n\r\nconst FooterBase: React.FC<BaseFooterProps> = ({\r\n  theme = getDefaultTheme(),\r\n  attachment = \"static\",\r\n  shadow = \"none\",\r\n  rounding = \"none\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"footer\",\r\n  copyright,\r\n  links = [],\r\n  logo,\r\n  socialLinks = [],\r\n  showThemeSelect = false,\r\n  IconButton,\r\n  ImageComponent = \"img\",\r\n  ThemeSelect,\r\n  classMap,\r\n  LinkWrapper = ({ href, children, ...rest }) => (\r\n    <a href={href} {...rest}>\r\n      {children}\r\n    </a>\r\n  ),\r\n}) => {\r\n  const footerClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.footer,\r\n        classMap[theme],\r\n        shadow !== \"none\" && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding !== \"none\" && classMap[`round${capitalize(rounding)}`],\r\n        classMap[`attachment${capitalize(attachment)}`],\r\n        className\r\n      ),\r\n    [classMap, theme, shadow, rounding, attachment, className]\r\n  );\r\n\r\n  const isLogoImage = (\r\n    v: unknown\r\n  ): v is { src: string; width?: number; height?: number } =>\r\n    typeof v === \"object\" &&\r\n    v !== null &&\r\n    \"src\" in (v as Record<string, unknown>);\r\n\r\n  const isImgLike = typeof logo === \"string\" || isLogoImage(logo);\r\n\r\n  const imgLogo = isImgLike\r\n    ? typeof logo === \"string\"\r\n      ? { src: logo }\r\n      : logo\r\n    : undefined;\r\n\r\n  const logoSrc = imgLogo?.src;\r\n  const logoW = imgLogo?.width ?? 20;\r\n  const logoH = imgLogo?.height ?? 20;\r\n\r\n  return (\r\n    <footer className={footerClass} data-testid={testId}>\r\n      <div className={classMap.content}>\r\n        <div className={classMap.left} data-testid={`${testId}-left`}>\r\n          {isImgLike && logoSrc ? (\r\n            typeof ImageComponent === \"string\" ? (\r\n              <img\r\n                className={classMap.logo}\r\n                data-testid={`${testId}-logo`}\r\n                loading=\"lazy\"\r\n                src={logoSrc}\r\n                alt=\"Logo\"\r\n                height={logoH}\r\n                width={logoW}\r\n              />\r\n            ) : (\r\n              <ImageComponent\r\n                className={classMap.logo}\r\n                data-testid={`${testId}-logo`}\r\n                src={logoSrc}\r\n                alt=\"Logo\"\r\n                height={logoH}\r\n                width={logoW}\r\n              />\r\n            )\r\n          ) : (\r\n            <span\r\n              className={classMap.logo}\r\n              role=\"img\"\r\n              aria-label=\"Logo\"\r\n              data-testid={`${testId}-logo`}\r\n            >\r\n              {\r\n                logo as Exclude<\r\n                  LogoSource,\r\n                  string | { src: string; width?: number; height?: number }\r\n                >\r\n              }\r\n            </span>\r\n          )}\r\n\r\n          {copyright && (\r\n            <div\r\n              className={classMap.copyright ?? classMap.left}\r\n              data-testid={`${testId}-copyright`}\r\n            >\r\n              <p>{copyright}</p>\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {links.length > 0 && (\r\n          <nav\r\n            className={classMap.links}\r\n            aria-label=\"Footer site links\"\r\n            data-testid={`${testId}-nav`}\r\n          >\r\n            <ul>\r\n              {links.map((link, i) => {\r\n                const slug = (link.label || link.href || `link-${i}`)\r\n                  .toLowerCase()\r\n                  .replace(/\\s+/g, \"-\");\r\n                return (\r\n                  <li key={`${link.href ?? slug}-${i}`}>\r\n                    <LinkWrapper\r\n                      href={link.href}\r\n                      className={classMap.link}\r\n                      data-testid={`${testId}-link-${slug}`}\r\n                    >\r\n                      {link.label}\r\n                    </LinkWrapper>\r\n                  </li>\r\n                );\r\n              })}\r\n            </ul>\r\n          </nav>\r\n        )}\r\n\r\n        {showThemeSelect && (\r\n          <div\r\n            className={classMap.themeToggle}\r\n            data-testid={`${testId}-theme-select`}\r\n          >\r\n            <ThemeSelect theme=\"clear\" shadow=\"none\" aria-label=\"Theme\" />\r\n          </div>\r\n        )}\r\n\r\n        {socialLinks.length > 0 && (\r\n          <nav\r\n            className={classMap.social}\r\n            aria-label=\"Social media\"\r\n            data-testid={`${testId}-social`}\r\n          >\r\n            {socialLinks.map((social, index) => (\r\n              <IconButton\r\n                key={`${social.href ?? social.title}-${index}`}\r\n                icon={social.icon}\r\n                href={social.href}\r\n                isExternal\r\n                shadow=\"none\"\r\n                ariaLabel={social.title}\r\n                title={social.title}\r\n                theme=\"clear\"\r\n                data-testid={`${testId}-social-${social.title.toLowerCase().replace(/\\s+/g, \"-\")}`}\r\n              />\r\n            ))}\r\n          </nav>\r\n        )}\r\n      </div>\r\n    </footer>\r\n  );\r\n};\r\n\r\nFooterBase.displayName = \"FooterBase\";\r\nexport default FooterBase;\r\n","import React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport ThemeSelect from \"../../Select/ThemeSelect/core/ThemeSelect\";\r\nimport \"./Footer.scss\";\r\n\r\nconst classes = {\r\n  footer: \"footer\",\r\n\r\n  primary: \"footer_primary\",\r\n  secondary: \"footer_secondary\",\r\n  tertiary: \"footer_tertiary\",\r\n  quaternary: \"footer_quaternary\",\r\n  clear: \"footer_clear\",\r\n\r\n  shadowNone: \"footer_shadow-None\",\r\n  shadowLight: \"footer_shadow-Light\",\r\n  shadowMedium: \"footer_shadow-Medium\",\r\n  shadowStrong: \"footer_shadow-Strong\",\r\n  shadowIntense: \"footer_shadow-Intense\",\r\n\r\n  roundNone: \"footer_round-None\",\r\n  roundSmall: \"footer_round-Small\",\r\n  roundMedium: \"footer_round-Medium\",\r\n  roundLarge: \"footer_round-Large\",\r\n\r\n  attachmentStatic: \"footer_attachment-static\",\r\n  attachmentFixed: \"footer_attachment-fixed\",\r\n  attachmentSticky: \"footer_attachment-sticky\",\r\n\r\n  content: \"footer_content\",\r\n  logo: \"footer_logo\",\r\n  left: \"footer_left\",\r\n  links: \"footer_links\",\r\n  link: \"footer_link\",\r\n  social: \"footer_social\",\r\n\r\n  themeToggle: \"footer_theme_toggle\",\r\n};\r\n\r\nconst Footer: React.FC<FooterProps> = (props) => {\r\n  return (\r\n    <FooterBase\r\n      {...props}\r\n      IconButton={IconButton}\r\n      ThemeSelect={ThemeSelect}\r\n      classMap={classes}\r\n    />\r\n  );\r\n};\r\nFooter.displayName = \"Footer\";\r\nexport default Footer;\r\n"],"names":["IconButton","ThemeSelect"],"mappings":"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"}

package/dist/core/Footer.cjs.js

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

package/dist/core/Footer.js

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

package/dist/core/{FormGroup-B5kG6FR4.cjs → FormGroup-C2TWC17P.cjs}

@@ -143,5 +143,6 @@ const classes = {
 const FormGroup = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(BaseFormGroup, { ...props, classMap: classes });
 };
+FormGroup.displayName = "FormGroup";
 exports.FormGroup = FormGroup;
-//# sourceMappingURL=FormGroup-B5kG6FR4.cjs.map
+//# sourceMappingURL=FormGroup-C2TWC17P.cjs.map

package/dist/core/{FormGroup-B5kG6FR4.cjs.map → FormGroup-C2TWC17P.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"FormGroup-B5kG6FR4.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  \"data-testid\": testId = \"form-group\",\r\n  classMap,\r\n}) => {\r\n  const auto = useId();\r\n  const baseId = id ?? `${testId}-${auto}`;\r\n  const labelId = label ? `${baseId}-label` : undefined;\r\n  const descriptionId = description ? `${baseId}-description` : undefined;\r\n  const errorId = error ? `${baseId}-error` : undefined;\r\n\r\n  const describedBy =\r\n    [errorId, descriptionId].filter(Boolean).join(\" \") || undefined;\r\n\r\n  const childrenArray = React.Children.toArray(children);\r\n  const isGroup = childrenArray.length > 1;\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[layout],\r\n        classMap[spacing],\r\n        error && classMap.error,\r\n        className\r\n      ),\r\n    [classMap, layout, spacing, error, className]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      {...(isGroup && {\r\n        role: \"group\",\r\n        \"aria-labelledby\": labelId,\r\n        \"aria-describedby\": describedBy,\r\n      })}\r\n      data-testid={testId}\r\n    >\r\n      {label && (\r\n        <label\r\n          id={labelId}\r\n          {...(!isGroup && id ? { htmlFor: id } : {})}\r\n          className={combineClassNames(classMap.label, hideLabel && \"sr_only\")}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n          {required && (\r\n            <span\r\n              className={classMap.required}\r\n              aria-hidden=\"true\"\r\n              data-testid={`${testId}-required`}\r\n            >\r\n              *\r\n            </span>\r\n          )}\r\n        </label>\r\n      )}\r\n\r\n      {childrenArray.map((child, index) => (\r\n        <div\r\n          key={index}\r\n          className={classMap.inputWrapper}\r\n          data-testid={`${testId}-wrapper-${index}`}\r\n        >\r\n          <div\r\n            className={classMap.inputField}\r\n            data-testid={`${testId}-input-field-${index}`}\r\n          >\r\n            {child}\r\n          </div>\r\n\r\n          {controller && index === 0 && (\r\n            <div\r\n              className={classMap.controller}\r\n              data-testid={`${testId}-controller`}\r\n            >\r\n              {controller}\r\n            </div>\r\n          )}\r\n        </div>\r\n      ))}\r\n\r\n      {description && !error && (\r\n        <p\r\n          id={descriptionId}\r\n          className={classMap.description}\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          id={errorId}\r\n          className={classMap.errorMessage}\r\n          role=\"alert\"\r\n          data-testid={`${testId}-error`}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseFormGroup.displayName = \"BaseFormGroup\";\r\nexport default BaseFormGroup;\r\n","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\n\r\nexport default FormGroup;\r\n"],"names":["useId","useMemo","combineClassNames","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"FormGroup-C2TWC17P.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  \"data-testid\": testId = \"form-group\",\r\n  classMap,\r\n}) => {\r\n  const auto = useId();\r\n  const baseId = id ?? `${testId}-${auto}`;\r\n  const labelId = label ? `${baseId}-label` : undefined;\r\n  const descriptionId = description ? `${baseId}-description` : undefined;\r\n  const errorId = error ? `${baseId}-error` : undefined;\r\n\r\n  const describedBy =\r\n    [errorId, descriptionId].filter(Boolean).join(\" \") || undefined;\r\n\r\n  const childrenArray = React.Children.toArray(children);\r\n  const isGroup = childrenArray.length > 1;\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[layout],\r\n        classMap[spacing],\r\n        error && classMap.error,\r\n        className\r\n      ),\r\n    [classMap, layout, spacing, error, className]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      {...(isGroup && {\r\n        role: \"group\",\r\n        \"aria-labelledby\": labelId,\r\n        \"aria-describedby\": describedBy,\r\n      })}\r\n      data-testid={testId}\r\n    >\r\n      {label && (\r\n        <label\r\n          id={labelId}\r\n          {...(!isGroup && id ? { htmlFor: id } : {})}\r\n          className={combineClassNames(classMap.label, hideLabel && \"sr_only\")}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n          {required && (\r\n            <span\r\n              className={classMap.required}\r\n              aria-hidden=\"true\"\r\n              data-testid={`${testId}-required`}\r\n            >\r\n              *\r\n            </span>\r\n          )}\r\n        </label>\r\n      )}\r\n\r\n      {childrenArray.map((child, index) => (\r\n        <div\r\n          key={index}\r\n          className={classMap.inputWrapper}\r\n          data-testid={`${testId}-wrapper-${index}`}\r\n        >\r\n          <div\r\n            className={classMap.inputField}\r\n            data-testid={`${testId}-input-field-${index}`}\r\n          >\r\n            {child}\r\n          </div>\r\n\r\n          {controller && index === 0 && (\r\n            <div\r\n              className={classMap.controller}\r\n              data-testid={`${testId}-controller`}\r\n            >\r\n              {controller}\r\n            </div>\r\n          )}\r\n        </div>\r\n      ))}\r\n\r\n      {description && !error && (\r\n        <p\r\n          id={descriptionId}\r\n          className={classMap.description}\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          id={errorId}\r\n          className={classMap.errorMessage}\r\n          role=\"alert\"\r\n          data-testid={`${testId}-error`}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseFormGroup.displayName = \"BaseFormGroup\";\r\nexport default BaseFormGroup;\r\n","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-CAJwxFcs.js → FormGroup-tSK_NN0-.js}

@@ -142,7 +142,8 @@ const classes = {
 const FormGroup = (props) => {
   return /* @__PURE__ */ jsx(BaseFormGroup, { ...props, classMap: classes });
 };
+FormGroup.displayName = "FormGroup";
 export {
   FormGroup as F
 };
-//# sourceMappingURL=FormGroup-CAJwxFcs.js.map
+//# sourceMappingURL=FormGroup-tSK_NN0-.js.map

package/dist/core/{FormGroup-CAJwxFcs.js.map → FormGroup-tSK_NN0-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormGroup-CAJwxFcs.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  \"data-testid\": testId = \"form-group\",\r\n  classMap,\r\n}) => {\r\n  const auto = useId();\r\n  const baseId = id ?? `${testId}-${auto}`;\r\n  const labelId = label ? `${baseId}-label` : undefined;\r\n  const descriptionId = description ? `${baseId}-description` : undefined;\r\n  const errorId = error ? `${baseId}-error` : undefined;\r\n\r\n  const describedBy =\r\n    [errorId, descriptionId].filter(Boolean).join(\" \") || undefined;\r\n\r\n  const childrenArray = React.Children.toArray(children);\r\n  const isGroup = childrenArray.length > 1;\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[layout],\r\n        classMap[spacing],\r\n        error && classMap.error,\r\n        className\r\n      ),\r\n    [classMap, layout, spacing, error, className]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      {...(isGroup && {\r\n        role: \"group\",\r\n        \"aria-labelledby\": labelId,\r\n        \"aria-describedby\": describedBy,\r\n      })}\r\n      data-testid={testId}\r\n    >\r\n      {label && (\r\n        <label\r\n          id={labelId}\r\n          {...(!isGroup && id ? { htmlFor: id } : {})}\r\n          className={combineClassNames(classMap.label, hideLabel && \"sr_only\")}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n          {required && (\r\n            <span\r\n              className={classMap.required}\r\n              aria-hidden=\"true\"\r\n              data-testid={`${testId}-required`}\r\n            >\r\n              *\r\n            </span>\r\n          )}\r\n        </label>\r\n      )}\r\n\r\n      {childrenArray.map((child, index) => (\r\n        <div\r\n          key={index}\r\n          className={classMap.inputWrapper}\r\n          data-testid={`${testId}-wrapper-${index}`}\r\n        >\r\n          <div\r\n            className={classMap.inputField}\r\n            data-testid={`${testId}-input-field-${index}`}\r\n          >\r\n            {child}\r\n          </div>\r\n\r\n          {controller && index === 0 && (\r\n            <div\r\n              className={classMap.controller}\r\n              data-testid={`${testId}-controller`}\r\n            >\r\n              {controller}\r\n            </div>\r\n          )}\r\n        </div>\r\n      ))}\r\n\r\n      {description && !error && (\r\n        <p\r\n          id={descriptionId}\r\n          className={classMap.description}\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          id={errorId}\r\n          className={classMap.errorMessage}\r\n          role=\"alert\"\r\n          data-testid={`${testId}-error`}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseFormGroup.displayName = \"BaseFormGroup\";\r\nexport default BaseFormGroup;\r\n","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\n\r\nexport default FormGroup;\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FormGroup-tSK_NN0-.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  \"data-testid\": testId = \"form-group\",\r\n  classMap,\r\n}) => {\r\n  const auto = useId();\r\n  const baseId = id ?? `${testId}-${auto}`;\r\n  const labelId = label ? `${baseId}-label` : undefined;\r\n  const descriptionId = description ? `${baseId}-description` : undefined;\r\n  const errorId = error ? `${baseId}-error` : undefined;\r\n\r\n  const describedBy =\r\n    [errorId, descriptionId].filter(Boolean).join(\" \") || undefined;\r\n\r\n  const childrenArray = React.Children.toArray(children);\r\n  const isGroup = childrenArray.length > 1;\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[layout],\r\n        classMap[spacing],\r\n        error && classMap.error,\r\n        className\r\n      ),\r\n    [classMap, layout, spacing, error, className]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      {...(isGroup && {\r\n        role: \"group\",\r\n        \"aria-labelledby\": labelId,\r\n        \"aria-describedby\": describedBy,\r\n      })}\r\n      data-testid={testId}\r\n    >\r\n      {label && (\r\n        <label\r\n          id={labelId}\r\n          {...(!isGroup && id ? { htmlFor: id } : {})}\r\n          className={combineClassNames(classMap.label, hideLabel && \"sr_only\")}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n          {required && (\r\n            <span\r\n              className={classMap.required}\r\n              aria-hidden=\"true\"\r\n              data-testid={`${testId}-required`}\r\n            >\r\n              *\r\n            </span>\r\n          )}\r\n        </label>\r\n      )}\r\n\r\n      {childrenArray.map((child, index) => (\r\n        <div\r\n          key={index}\r\n          className={classMap.inputWrapper}\r\n          data-testid={`${testId}-wrapper-${index}`}\r\n        >\r\n          <div\r\n            className={classMap.inputField}\r\n            data-testid={`${testId}-input-field-${index}`}\r\n          >\r\n            {child}\r\n          </div>\r\n\r\n          {controller && index === 0 && (\r\n            <div\r\n              className={classMap.controller}\r\n              data-testid={`${testId}-controller`}\r\n            >\r\n              {controller}\r\n            </div>\r\n          )}\r\n        </div>\r\n      ))}\r\n\r\n      {description && !error && (\r\n        <p\r\n          id={descriptionId}\r\n          className={classMap.description}\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          id={errorId}\r\n          className={classMap.errorMessage}\r\n          role=\"alert\"\r\n          data-testid={`${testId}-error`}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseFormGroup.displayName = \"BaseFormGroup\";\r\nexport default BaseFormGroup;\r\n","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.cjs.js

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

package/dist/core/FormGroup.js

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

package/dist/core/{IconButton-Bjjlbqiq.cjs → IconButton-CR9bTZoJ.cjs}

@@ -161,6 +161,7 @@ const classes = {
   roundLarge: "icon_button_round-Large",
   roundFull: "icon_button_round-Full"
 };
-const IconButton = (props) => /* @__PURE__ */ jsxRuntime.jsx(IconButtonBase, { ...props, classMap: classes });
+const IconButton = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(IconButtonBase, { ref, ...props, classMap: classes }));
+IconButton.displayName = "IconButton";
 exports.IconButton = IconButton;
-//# sourceMappingURL=IconButton-Bjjlbqiq.cjs.map
+//# sourceMappingURL=IconButton-CR9bTZoJ.cjs.map

package/dist/core/IconButton-CR9bTZoJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton-CR9bTZoJ.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    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    ariaLabel,\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 && !title;\r\n  if (process.env.NODE_ENV === \"development\" && needsLabel) {\r\n    console.warn(\r\n      \"IconButtonBase: provide `ariaLabel` or `title` for icon-only buttons.\"\r\n    );\r\n  }\r\n  const label = ariaLabel || title || \"Icon button\";\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        (disabled || loading) && classMap.disabled,\r\n        className\r\n      ),\r\n    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      disabled,\r\n      loading,\r\n      className,\r\n    ]\r\n  );\r\n\r\n  const sharedAria = {\r\n    \"aria-label\": label,\r\n    \"aria-busy\": loading || undefined,\r\n    title,\r\n    \"data-testid\": testId,\r\n  } as const;\r\n\r\n  const iconContent = (\r\n    <span\r\n      className={classMap.buttonLabel}\r\n      aria-live=\"polite\"\r\n      aria-atomic=\"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  const renderAsLink = !!href;\r\n  const inert = disabled || loading;\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 ? (e: React.MouseEvent) => e.preventDefault() : onClick,\r\n      onKeyDown,\r\n      \"aria-disabled\": inert || undefined,\r\n      tabIndex: inert ? -1 : tabIndex,\r\n      ...sharedAria,\r\n      ...rest,\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=\"_blank\"\r\n          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={disabled || loading}\r\n      className={classNames}\r\n      onClick={disabled ? (e) => e.preventDefault() : onClick}\r\n      onKeyDown={onKeyDown}\r\n      ref={ref as React.Ref<HTMLButtonElement>}\r\n      tabIndex={tabIndex}\r\n      {...sharedAria}\r\n      {...rest}\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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"}

package/dist/core/{IconButton-DgfUCfo9.js → IconButton-_lxTppua.js}

@@ -160,8 +160,9 @@ const classes = {
   roundLarge: "icon_button_round-Large",
   roundFull: "icon_button_round-Full"
 };
-const IconButton = (props) => /* @__PURE__ */ jsx(IconButtonBase, { ...props, classMap: classes });
+const IconButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(IconButtonBase, { ref, ...props, classMap: classes }));
+IconButton.displayName = "IconButton";
 export {
   IconButton as I
 };
-//# sourceMappingURL=IconButton-DgfUCfo9.js.map
+//# sourceMappingURL=IconButton-_lxTppua.js.map