boreal-ui 0.0.31 → 0.0.33

package/dist/next/{FileUpload-BeTvsLw-.cjs → FileUpload-DpxmgS-B.cjs}

@@ -4,10 +4,10 @@ const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const Button = require("./Button-G1PFBSqU.cjs");
-const IconButton = require("./IconButton-SZdNlqIZ.cjs");
-const FormGroup = require("./FormGroup-BBfiah0c.cjs");
-const ProgressBar = require("./ProgressBar-QdYZNfsm.cjs");
+const Button = require("./Button-sIKQmn_c.cjs");
+const IconButton = require("./IconButton--X_Bqn4g.cjs");
+const FormGroup = require("./FormGroup-DXvH4AmB.cjs");
+const ProgressBar = require("./ProgressBar-DyyIhH1C.cjs");
 const FileIcon = (props) => /* @__PURE__ */ require$$2.jsxs(
   "svg",
   {
@@ -118,44 +118,44 @@ const BaseFileUpload = ({
   const [isDragging, setIsDragging] = React.useState(false);
   const [uploadMessage, setUploadMessage] = React.useState(null);
   const fileInput = React.useRef(null);
+  const intervalRef = React.useRef(null);
+  const accept = React.useMemo(() => {
+    if (!allowedFileTypes || allowedFileTypes.length === 0) return void 0;
+    return allowedFileTypes.join(",");
+  }, [allowedFileTypes]);
   const validateFiles = (newFiles) => {
     const valid = [];
     const rejected = [];
     newFiles.forEach((file) => {
       const isSizeOk = file.size <= maxFileSizeBytes;
-      const isTypeOk = allowedFileTypes.length === 0 || allowedFileTypes.includes(file.type);
-      if (isSizeOk && isTypeOk) {
+      const ext = file.name.includes(".") ? "." + file.name.split(".").pop().toLowerCase() : "";
+      const typeAllowed = allowedFileTypes.length === 0 || allowedFileTypes.includes(file.type) || ext && allowedFileTypes.map((t) => t.toLowerCase()).includes(ext);
+      if (isSizeOk && typeAllowed) {
         valid.push(file);
       } else {
         rejected.push({
           name: file.name,
-          reason: !isSizeOk ? `Exceeds size limit (${(file.size / 1024 / 1024).toFixed(2)}MB)` : `Invalid type (${file.type || "unknown"})`
+          reason: !isSizeOk ? `Exceeds size limit (${(file.size / 1024 / 1024).toFixed(2)}MB)` : `Invalid type (${file.type || ext || "unknown"})`
         });
       }
     });
     return { valid, rejected };
   };
+  const truncate = (s) => s.length > 30 ? s.slice(0, 27) + "..." : s;
   const handleFileChange = (e) => {
     const selected = e.target.files;
     if (!selected || selected.length === 0) return;
     const { valid, rejected } = validateFiles(Array.from(selected));
     const updatedFiles = multiple ? [...files, ...valid] : valid;
     setFiles(updatedFiles);
-    setFileNames(
-      updatedFiles.map(
-        (file) => file.name.length > 30 ? file.name.slice(0, 27) + "..." : file.name
-      )
-    );
+    setFileNames(updatedFiles.map((f) => truncate(f.name)));
     setRejectedFiles(rejected);
+    if (fileInput.current) fileInput.current.value = "";
   };
   const removeFile = (index) => {
     const updatedFiles = files.filter((_, i) => i !== index);
     setFiles(updatedFiles);
-    setFileNames(
-      updatedFiles.map(
-        (file) => file.name.length > 30 ? file.name.slice(0, 27) + "..." : file.name
-      )
-    );
+    setFileNames(updatedFiles.map((f) => truncate(f.name)));
   };
   const getButtonLabel = () => {
     if (fileNames.length > 0) return multiple ? "Add Files" : "Select New";
@@ -178,30 +178,41 @@ const BaseFileUpload = ({
       });
     }
   };
-  const handleUpload = () => {
-    if (!files || uploading) return;
+  const handleUpload = async () => {
+    if (!files.length || uploading) return;
     setUploading(true);
     setInternalProgress(0);
     setUploadMessage(null);
-    const interval = setInterval(() => {
-      setInternalProgress((prev) => {
-        if (prev >= 100) {
-          clearInterval(interval);
-          setTimeout(() => {
-            setUploading(false);
-            try {
-              onSubmit(files);
-              setUploadMessage("Upload successful.");
-            } catch {
-              setUploadMessage("Upload failed. Please try again.");
+    try {
+      if (uploadProgress2 === void 0) {
+        intervalRef.current = setInterval(() => {
+          setInternalProgress((prev) => {
+            if (prev >= 100) {
+              if (intervalRef.current) clearInterval(intervalRef.current);
+              return 100;
             }
-          }, 500);
-          return 100;
-        }
-        return prev + 10;
-      });
-    }, 100);
+            return prev + 10;
+          });
+        }, 100);
+      }
+      await Promise.resolve(onSubmit == null ? void 0 : onSubmit(files));
+      setUploadMessage("Upload successful.");
+    } catch {
+      setUploadMessage("Upload failed. Please try again.");
+    } finally {
+      if (intervalRef.current) {
+        if (uploadProgress2 === void 0) setInternalProgress(100);
+        clearInterval(intervalRef.current);
+        intervalRef.current = null;
+      }
+      setTimeout(() => setUploading(false), 300);
+    }
   };
+  React.useEffect(() => {
+    return () => {
+      if (intervalRef.current) clearInterval(intervalRef.current);
+    };
+  }, []);
   const containerClassName = React.useMemo(
     () => classNames.combineClassNames(
       classMap.fileUpload,
@@ -210,11 +221,24 @@ const BaseFileUpload = ({
       outlineShadow && classMap[`shadow${capitalize.capitalize(outlineShadow)}`],
       outlineRounding && classMap[`round${capitalize.capitalize(outlineRounding)}`],
       error2 && classMap.error,
-      isDragging ? "dragging" : "",
+      isDragging && classMap.dragging,
       disabled2 && classMap.disabled
     ),
-    [classMap, isDragging, theme, state, disabled2]
+    [
+      classMap,
+      theme,
+      state,
+      outlineShadow,
+      outlineRounding,
+      error2,
+      isDragging,
+      disabled2
+    ]
   );
+  const describedBy = [
+    description ? `${testId}-description` : void 0,
+    error2 ? `${testId}-error` : void 0
+  ].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ require$$2.jsx(
     FormGroup2,
     {
@@ -230,6 +254,7 @@ const BaseFileUpload = ({
           onDragOver: handleDragOver,
           onDragLeave: handleDragLeave,
           onDrop: handleDrop,
+          "aria-busy": uploading || void 0,
           "data-testid": testId ? `${testId}-wrapper` : void 0,
           children: [
             /* @__PURE__ */ require$$2.jsx(
@@ -239,11 +264,12 @@ const BaseFileUpload = ({
                 id: `${testId}-input`,
                 type: "file",
                 multiple,
+                accept,
                 onChange: handleFileChange,
                 className: classMap.hiddenInput,
-                "aria-required": required,
+                required,
                 "aria-label": label,
-                "aria-describedby": `${testId}-description ${testId}-error`,
+                "aria-describedby": describedBy,
                 "data-testid": testId ? `${testId}-input` : void 0
               }
             ),
@@ -253,7 +279,7 @@ const BaseFileUpload = ({
                 icon: FileIcon,
                 size: "small",
                 theme,
-                state: error2 && classMap.error,
+                state: error2 ? "error" : state,
                 className: classMap.fileInput,
                 disabled: uploading || disabled2,
                 outline,
@@ -293,6 +319,7 @@ const BaseFileUpload = ({
                         icon: TrashIcon,
                         theme: "error",
                         size: "xsmall",
+                        type: "button",
                         outline: true,
                         "aria-label": `Remove ${name}`,
                         onClick: () => removeFile(index),
@@ -314,8 +341,8 @@ const BaseFileUpload = ({
                     Button2,
                     {
                       theme,
-                      state: error2 && classMap.error || state,
-                      disabled: uploading,
+                      state: error2 ? "error" : state,
+                      disabled: disabled2 || files.length === 0,
                       onClick: handleUpload,
                       loading: uploading,
                       size: "small",
@@ -343,45 +370,46 @@ const BaseFileUpload = ({
     }
   );
 };
-const noScroll = "_noScroll_11c3r_91";
-const errorMessage = "_errorMessage_11c3r_92";
-const loadingContainer = "_loadingContainer_11c3r_93";
-const hideScrollbar = "_hideScrollbar_11c3r_85";
-const sr_only = "_sr_only_11c3r_94";
-const fileUpload = "_fileUpload_11c3r_539";
-const disabled = "_disabled_11c3r_555";
-const uploadActions = "_uploadActions_11c3r_571";
-const uploadControls = "_uploadControls_11c3r_577";
-const uploadProgress = "_uploadProgress_11c3r_584";
-const uploadButton = "_uploadButton_11c3r_588";
-const removeButton = "_removeButton_11c3r_591";
-const hiddenInput = "_hiddenInput_11c3r_595";
-const fileList = "_fileList_11c3r_598";
-const fileListItem = "_fileListItem_11c3r_605";
-const rejectedFiles = "_rejectedFiles_11c3r_614";
-const rejectedLabel = "_rejectedLabel_11c3r_619";
-const rejectedList = "_rejectedList_11c3r_623";
-const rejectedItem = "_rejectedItem_11c3r_627";
-const roundNone = "_roundNone_11c3r_631";
-const roundSmall = "_roundSmall_11c3r_635";
-const roundMedium = "_roundMedium_11c3r_639";
-const roundLarge = "_roundLarge_11c3r_643";
-const roundFull = "_roundFull_11c3r_647";
-const shadowNone = "_shadowNone_11c3r_651";
-const shadowLight = "_shadowLight_11c3r_655";
-const shadowMedium = "_shadowMedium_11c3r_659";
-const shadowStrong = "_shadowStrong_11c3r_663";
-const shadowIntense = "_shadowIntense_11c3r_667";
-const primary = "_primary_11c3r_671";
-const secondary = "_secondary_11c3r_675";
-const tertiary = "_tertiary_11c3r_679";
-const quaternary = "_quaternary_11c3r_683";
-const clear = "_clear_11c3r_687";
-const success = "_success_11c3r_691";
-const error = "_error_11c3r_92";
-const warning = "_warning_11c3r_707";
-const spin = "_spin_11c3r_1";
-const pulse = "_pulse_11c3r_1";
+BaseFileUpload.displayName = "BaseFileUpload";
+const noScroll = "_noScroll_1nqi9_91";
+const errorMessage = "_errorMessage_1nqi9_92";
+const loadingContainer = "_loadingContainer_1nqi9_93";
+const hideScrollbar = "_hideScrollbar_1nqi9_85";
+const sr_only = "_sr_only_1nqi9_94";
+const fileUpload = "_fileUpload_1nqi9_540";
+const disabled = "_disabled_1nqi9_556";
+const uploadActions = "_uploadActions_1nqi9_572";
+const uploadControls = "_uploadControls_1nqi9_578";
+const uploadProgress = "_uploadProgress_1nqi9_585";
+const uploadButton = "_uploadButton_1nqi9_589";
+const removeButton = "_removeButton_1nqi9_592";
+const hiddenInput = "_hiddenInput_1nqi9_596";
+const fileList = "_fileList_1nqi9_599";
+const fileListItem = "_fileListItem_1nqi9_606";
+const rejectedFiles = "_rejectedFiles_1nqi9_615";
+const rejectedLabel = "_rejectedLabel_1nqi9_620";
+const rejectedList = "_rejectedList_1nqi9_624";
+const rejectedItem = "_rejectedItem_1nqi9_628";
+const roundNone = "_roundNone_1nqi9_632";
+const roundSmall = "_roundSmall_1nqi9_636";
+const roundMedium = "_roundMedium_1nqi9_640";
+const roundLarge = "_roundLarge_1nqi9_644";
+const roundFull = "_roundFull_1nqi9_648";
+const shadowNone = "_shadowNone_1nqi9_652";
+const shadowLight = "_shadowLight_1nqi9_656";
+const shadowMedium = "_shadowMedium_1nqi9_660";
+const shadowStrong = "_shadowStrong_1nqi9_664";
+const shadowIntense = "_shadowIntense_1nqi9_668";
+const primary = "_primary_1nqi9_672";
+const secondary = "_secondary_1nqi9_676";
+const tertiary = "_tertiary_1nqi9_680";
+const quaternary = "_quaternary_1nqi9_684";
+const clear = "_clear_1nqi9_688";
+const success = "_success_1nqi9_692";
+const error = "_error_1nqi9_92";
+const warning = "_warning_1nqi9_708";
+const spin = "_spin_1nqi9_1";
+const pulse = "_pulse_1nqi9_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -420,15 +448,15 @@ const styles = {
   success,
   error,
   warning,
-  "fade-in": "_fade-in_11c3r_1",
-  "slide-up": "_slide-up_11c3r_1",
-  "spin-3d": "_spin-3d_11c3r_1",
+  "fade-in": "_fade-in_1nqi9_1",
+  "slide-up": "_slide-up_1nqi9_1",
+  "spin-3d": "_spin-3d_1nqi9_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_11c3r_1",
-  "progress-grow": "_progress-grow_11c3r_1",
-  "indeterminate-move": "_indeterminate-move_11c3r_1",
-  "skeleton-loading": "_skeleton-loading_11c3r_1"
+  "fade-in-up": "_fade-in-up_1nqi9_1",
+  "progress-grow": "_progress-grow_1nqi9_1",
+  "indeterminate-move": "_indeterminate-move_1nqi9_1",
+  "skeleton-loading": "_skeleton-loading_1nqi9_1"
 };
 const FileUpload = (props) => {
   return /* @__PURE__ */ require$$2.jsx(
@@ -444,4 +472,4 @@ const FileUpload = (props) => {
   );
 };
 exports.FileUpload = FileUpload;
-//# sourceMappingURL=FileUpload-BeTvsLw-.cjs.map
+//# sourceMappingURL=FileUpload-DpxmgS-B.cjs.map

package/dist/next/FileUpload-DpxmgS-B.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload-DpxmgS-B.cjs","sources":["../../src/Icons/FileIcon.tsx","../../src/Icons/TrashIcon.tsx","../../src/components/FileUpload/FileUploadBase.tsx","../../src/components/FileUpload/next/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                    theme=\"error\"\r\n                    size=\"xsmall\"\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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseFileUpload from \"../FileUploadBase\";\r\nimport { FileUploadProps } from \"../FileUpload.types\";\r\nimport { Button, IconButton, Progressbar, FormGroup } from \"@/index.next\";\r\nimport styles from \"./FileUpload.module.scss\";\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={styles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default FileUpload;\r\n"],"names":["jsxs","jsx","error","getDefaultTheme","getDefaultRounding","getDefaultShadow","uploadProgress","FormGroup","disabled","Button","IconButton","ProgressBar","useState","rejectedFiles","useRef","useMemo","useEffect","combineClassNames","capitalize","Progressbar"],"mappings":"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"}

package/dist/next/FileUpload.cjs.js

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

package/dist/next/FileUpload.js

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

package/dist/next/Footer-CD8eu471.js

@@ -0,0 +1,252 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { 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-B1r838wY.js";
+import { a as ThemeContext } from "./ThemeContext-DJ18CFaV.js";
+import { S as Select } from "./Select-B3JaOW2f.js";
+import { L as Link } from "./link-Bik5xH00.js";
+import { I as Image } from "./image-CEz9QtOW.js";
+const UserThemeSettings = ({
+  theme = getDefaultTheme(),
+  shadow = getDefaultShadow(),
+  rounding = getDefaultRounding(),
+  state = "",
+  "data-testid": testId = "theme-select"
+}) => {
+  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))
+    }
+  ) });
+};
+const FooterBase = ({
+  theme = getDefaultTheme(),
+  attachment = "static",
+  shadow = "none",
+  rounding = "none",
+  className = "",
+  "data-testid": testId = "footer",
+  copyright,
+  links: links2 = [],
+  logo: logo2,
+  socialLinks = [],
+  showThemeSelect = false,
+  IconButton: IconButton2,
+  ImageComponent = "img",
+  ThemeSelect,
+  classMap,
+  LinkWrapper = ({ href, children, ...rest }) => /* @__PURE__ */ jsx("a", { href, ...rest, children })
+}) => {
+  const footerClass = useMemo(
+    () => combineClassNames(
+      classMap.footer,
+      classMap[theme],
+      shadow !== "none" && classMap[`shadow${capitalize(shadow)}`],
+      rounding !== "none" && classMap[`round${capitalize(rounding)}`],
+      classMap[`attachment${capitalize(attachment)}`],
+      className
+    ),
+    [classMap, theme, shadow, rounding, attachment, className]
+  );
+  const isImgLike = typeof logo2 === "string" || typeof logo2 === "object" && logo2 && "src" in logo2;
+  const logoSrc = isImgLike ? typeof logo2 === "string" ? logo2 : logo2.src : void 0;
+  const logoW = isImgLike ? (logo2 == null ? void 0 : logo2.width) ?? 20 : void 0;
+  const logoH = isImgLike ? (logo2 == null ? void 0 : logo2.height) ?? 20 : void 0;
+  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,
+        {
+          className: classMap.logo,
+          "data-testid": `${testId}-logo`,
+          loading: "lazy",
+          src: logoSrc,
+          alt: "Logo",
+          height: logoH,
+          width: logoW
+        }
+      ) : /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: classMap.logo,
+          role: "img",
+          "aria-label": "Logo",
+          "data-testid": `${testId}-logo`,
+          children: logo2
+        }
+      ),
+      copyright && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: classMap.copyright ?? classMap.left,
+          "data-testid": `${testId}-copyright`,
+          children: /* @__PURE__ */ jsx("p", { children: copyright })
+        }
+      )
+    ] }),
+    links2.length > 0 && /* @__PURE__ */ jsx(
+      "nav",
+      {
+        className: classMap.links,
+        "aria-label": "Footer site links",
+        "data-testid": `${testId}-nav`,
+        children: /* @__PURE__ */ jsx("ul", { children: links2.map((link, i) => {
+          const slug = (link.label || link.href || `link-${i}`).toLowerCase().replace(/\s+/g, "-");
+          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            LinkWrapper,
+            {
+              href: link.href,
+              className: classMap.link,
+              "data-testid": `${testId}-link-${slug}`,
+              children: link.label
+            }
+          ) }, `${link.href ?? slug}-${i}`);
+        }) })
+      }
+    ),
+    showThemeSelect && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: classMap.themeToggle,
+        "data-testid": `${testId}-theme-select`,
+        children: /* @__PURE__ */ jsx(ThemeSelect, { theme: "clear", shadow: "none", "aria-label": "Theme" })
+      }
+    ),
+    socialLinks.length > 0 && /* @__PURE__ */ jsx(
+      "nav",
+      {
+        className: classMap.social,
+        "aria-label": "Social media",
+        "data-testid": `${testId}-social`,
+        children: socialLinks.map((social2, index) => /* @__PURE__ */ jsx(
+          IconButton2,
+          {
+            icon: social2.icon,
+            href: social2.href,
+            isExternal: true,
+            shadow: "none",
+            ariaLabel: social2.title,
+            title: social2.title,
+            theme: "clear",
+            "data-testid": `${testId}-social-${social2.title.toLowerCase().replace(/\s+/g, "-")}`
+          },
+          `${social2.href ?? social2.title}-${index}`
+        ))
+      }
+    )
+  ] }) });
+};
+FooterBase.displayName = "FooterBase";
+const noScroll = "_noScroll_9qupf_91";
+const errorMessage = "_errorMessage_9qupf_92";
+const loadingContainer = "_loadingContainer_9qupf_93";
+const hideScrollbar = "_hideScrollbar_9qupf_85";
+const sr_only = "_sr_only_9qupf_94";
+const footer = "_footer_9qupf_540";
+const primary = "_primary_9qupf_545";
+const secondary = "_secondary_9qupf_549";
+const tertiary = "_tertiary_9qupf_553";
+const quaternary = "_quaternary_9qupf_557";
+const clear = "_clear_9qupf_561";
+const roundNone = "_roundNone_9qupf_565";
+const roundSmall = "_roundSmall_9qupf_569";
+const roundMedium = "_roundMedium_9qupf_573";
+const roundLarge = "_roundLarge_9qupf_577";
+const roundFull = "_roundFull_9qupf_581";
+const shadowNone = "_shadowNone_9qupf_585";
+const shadowLight = "_shadowLight_9qupf_588";
+const shadowMedium = "_shadowMedium_9qupf_591";
+const shadowStrong = "_shadowStrong_9qupf_594";
+const shadowIntense = "_shadowIntense_9qupf_597";
+const attachmentStatic = "_attachmentStatic_9qupf_600";
+const attachmentSticky = "_attachmentSticky_9qupf_603";
+const attachmentFixed = "_attachmentFixed_9qupf_610";
+const content = "_content_9qupf_618";
+const left = "_left_9qupf_636";
+const links = "_links_9qupf_654";
+const logo = "_logo_9qupf_689";
+const social = "_social_9qupf_705";
+const themeToggle = "_themeToggle_9qupf_722";
+const spin = "_spin_9qupf_1";
+const pulse = "_pulse_9qupf_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  footer,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  attachmentStatic,
+  attachmentSticky,
+  attachmentFixed,
+  content,
+  left,
+  links,
+  logo,
+  social,
+  themeToggle,
+  "fade-in": "_fade-in_9qupf_1",
+  "slide-up": "_slide-up_9qupf_1",
+  "spin-3d": "_spin-3d_9qupf_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_9qupf_1",
+  "progress-grow": "_progress-grow_9qupf_1",
+  "indeterminate-move": "_indeterminate-move_9qupf_1",
+  "skeleton-loading": "_skeleton-loading_9qupf_1"
+};
+const Footer = (props) => {
+  return /* @__PURE__ */ jsx(
+    FooterBase,
+    {
+      ...props,
+      IconButton,
+      ImageComponent: Image,
+      ThemeSelect: UserThemeSettings,
+      LinkWrapper: ({ href, children, className, ...rest }) => /* @__PURE__ */ jsx(Link, { href, className, ...rest, children }),
+      classMap: styles
+    }
+  );
+};
+export {
+  Footer as F,
+  UserThemeSettings as U
+};
+//# sourceMappingURL=Footer-CD8eu471.js.map