@popsure/dirty-swan 0.58.3 → 0.58.5

package/dist/cjs/index.js

@@ -2548,6 +2548,10 @@ var Bold = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 12h8a4 4 0 1 0 0-8H6v8Zm0 0h9a4 4 0 1 1 0 8H6v-8Z" }));
 });
 
+var Bone = (function (props) {
+    return React.createElement(IconWrapper, props, jsxRuntime.jsx("g", { clipPath: "url(#bone_svg__a)", children: jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, d: "M4.4 15.6a2.188 2.188 0 1 1 .821-4.017.625.625 0 0 0 .781-.084l5.499-5.498a.625.625 0 0 0 .083-.781 2.187 2.187 0 1 1 4.018-.821 2.188 2.188 0 1 1-.822 4.017.625.625 0 0 0-.78.083l-5.5 5.499a.625.625 0 0 0-.083.781A2.188 2.188 0 1 1 4.4 15.6Z" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "bone_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
+});
+
 var BookOpen = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 7a4 4 0 0 0-4-4H2v15h7a3 3 0 0 1 3 3m0-14v14m0-14a4 4 0 0 1 4-4h6v15h-7a3 3 0 0 0-3 3" }));
 });
@@ -2608,6 +2612,10 @@ var CarTraffic = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4.611 17.25a2.111 2.111 0 1 0 4.222 0m-4.222 0a2.111 2.111 0 1 1 4.222 0m-4.222 0H2.5v-6.334m6.333 6.334h6.334m0 0a2.111 2.111 0 1 0 4.222 0m-4.222 0a2.111 2.111 0 1 1 4.222 0m0 0H21.5v-4.222a2.111 2.111 0 0 0-2.111-2.112h-1.056m-15.833 0L4.611 5.64h9.5l4.222 5.277m-15.833 0h15.833m-6.333 0V5.64" }));
 });
 
+var Car = (function (props) {
+    return React.createElement(IconWrapper, props, jsxRuntime.jsxs("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", clipPath: "url(#car_svg__a)", children: [jsxRuntime.jsx("path", { strokeWidth: 1.8, d: "M1.25 8.75h17.5M17.5 13.75v1.875a.624.624 0 0 1-.625.625H15a.624.624 0 0 1-.625-.625V13.75M5.625 13.75v1.875A.625.625 0 0 1 5 16.25H3.125a.625.625 0 0 1-.625-.625V13.75" }), jsxRuntime.jsx("path", { strokeWidth: 1.3, d: "M5 11.25h1.25M13.75 11.25H15" }), jsxRuntime.jsx("path", { strokeWidth: 1.8, d: "m17.5 8.75-2.335-5.254a.625.625 0 0 0-.571-.371H5.406a.625.625 0 0 0-.57.371L2.5 8.75v5h15v-5Z" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "car_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
+});
+
 var Cast = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 20h6a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v2m0 8a4 4 0 0 1 4 4m-4-8a8 8 0 0 1 8 8" }));
 });
@@ -2964,6 +2972,10 @@ var FileIcon = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9m-7-7 7 7m-7-7v7h7" }));
 });
 
+var Files = (function (props) {
+    return React.createElement(IconWrapper, props, jsxRuntime.jsxs("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, clipPath: "url(#files_svg__a)", children: [jsxRuntime.jsx("path", { d: "M13.125 17.5h-8.75a.625.625 0 0 1-.625-.625V5.625A.625.625 0 0 1 4.375 5h6.25l3.125 3.125v8.75a.624.624 0 0 1-.625.625Z" }), jsxRuntime.jsx("path", { d: "M6.25 5V3.125a.625.625 0 0 1 .625-.625h6.25l3.125 3.125v8.75a.624.624 0 0 1-.625.625H13.75M6.875 11.875h3.75M6.875 14.375h3.75" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "files_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
+});
+
 var Film = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeMiterlimit: 10, strokeWidth: 2, d: "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Z" }), jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeWidth: 2, d: "M9 20V3M20 12H3M9 7.5H3M9 16.5H3M21 7.5h-6M21 16.5h-6M15 20V3" }));
 });
@@ -3076,6 +3088,10 @@ var HospitalBuilding = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { fill: "currentColor", d: "M1 8V7a1 1 0 0 0-1 1h1Zm5 0h1V7H6v1ZM1 22H0v1h1v-1ZM18 8V7h-1v1h1Zm5 0h1a1 1 0 0 0-1-1v1Zm0 14v1h1v-1h-1ZM6 2V1a1 1 0 0 0-1 1h1Zm12 0h1a1 1 0 0 0-1-1v1Zm-5 4V5h-2v1h2Zm-2 4v1h2v-1h-2Zm2 8v-1h-2v1h2Zm-2 2v1h2v-1h-2ZM1 14H0v2h1v-2Zm5 0H5v2h1v-2Zm12 2h1v-2h-1v2Zm5 0h1v-2h-1v2ZM10 7H9v2h1V7Zm4 2h1V7h-1v2ZM1 9h5V7H1v2Zm4-1v14h2V8H5Zm1 13H1v2h5v-2Zm-4 1V8H0v14h2ZM18 9h5V7h-5v2Zm4-1v14h2V8h-2Zm1 13h-5v2h5v-2Zm-4 1V8h-2v14h2ZM6 3h12V1H6v2Zm11-1v20h2V2h-2Zm1 19H6v2h12v-2ZM7 22V2H5v20h2Zm5-16h-1v2h2V6h-1Zm-1 2V10h2V8h-2Zm0 10v2h2v-2h-2ZM1 15v1h3.5v-2H1v1Zm3.5 1h1.517s1-1 0-2H6v2h.016c.001 0 0 0 0 0-1-1 0-2 0-2H4.5v2ZM18 15v-1h-.016c-.001 0 0 0 0 0 1 1 0 2 0 2H19.5v-2h-1.517s-1 1 0 2H18v-1Zm1.5 1H23v-2h-3.5v2ZM10 8v1h2V7H10v1Zm2 1H14V7h-2v2Z" }));
 });
 
+var Id = (function (props) {
+    return React.createElement(IconWrapper, props, jsxRuntime.jsxs("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, clipPath: "url(#id_svg__a)", children: [jsxRuntime.jsx("path", { d: "M11.875 8.75H15M11.875 11.25H15M16.875 3.75H3.125a.625.625 0 0 0-.625.625v11.25c0 .345.28.625.625.625h13.75c.345 0 .625-.28.625-.625V4.375a.625.625 0 0 0-.625-.625Z" }), jsxRuntime.jsx("path", { d: "M7.5 11.25a1.875 1.875 0 1 0 0-3.75 1.875 1.875 0 0 0 0 3.75ZM5 13.125c.277-1.078 1.335-1.875 2.5-1.875s2.223.796 2.5 1.875" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "id_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
+});
+
 var ImagePicture = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeMiterlimit: 10, strokeWidth: 2, d: "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Z" }), jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeWidth: 2, d: "m6 21 9.815-10.796c.1-.11.27-.11.37 0L21 15.5" }), jsxRuntime.jsx("circle", { cx: 9, cy: 9, r: 2, stroke: "currentColor", strokeWidth: 2 }));
 });
@@ -3416,6 +3432,10 @@ var Progress = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { fill: "#F5F6FB", d: "M24 12c0 6.627-5.372 12-12 12-6.627 0-12-5.373-12-12S5.373 0 12 0c6.628 0 12 5.373 12 12ZM3.6 12a8.4 8.4 0 1 0 16.8 0 8.4 8.4 0 0 0-16.8 0Z" }), jsxRuntime.jsx("path", { fill: "currentColor", d: "M12 0a12 12 0 0 1 8.748 20.215l-2.625-2.465A8.4 8.4 0 0 0 12 3.6V0Z" }));
 });
 
+var Prohibit = (function (props) {
+    return React.createElement(IconWrapper, props, jsxRuntime.jsxs("g", { stroke: "currentColor", strokeWidth: 1.8, clipPath: "url(#prohibit_svg__a)", children: [jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.303 15.303 4.697 4.697" }), jsxRuntime.jsx("path", { strokeMiterlimit: 10, d: "M10 17.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Z" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "prohibit_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
+});
+
 var QrCode = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinejoin: "round", strokeWidth: 2, d: "M3 3h7v7H3V3ZM14 3h7v7h-7V3ZM3 14h7v7H3v-7ZM14 14h2v2h-2v-2ZM14 19h2v2h-2v-2ZM19 14h2v2h-2v-2ZM19 19h2v2h-2v-2Z" }));
 });
@@ -3432,6 +3452,10 @@ var Radio$1 = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsxs("g", { stroke: "currentColor", strokeWidth: 2, clipPath: "url(#radio_svg__a)", children: [jsxRuntime.jsx("path", { strokeLinecap: "round", d: "M19.071 4.929c3.905 3.905 3.905 10.237 0 14.142m-14.142 0c-3.905-3.905-3.905-10.237 0-14.142M16.243 7.757a6 6 0 0 1 0 8.486m-8.486 0a6 6 0 0 1 0-8.486" }), jsxRuntime.jsx("circle", { cx: 12, cy: 12, r: 2 })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "radio_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) }));
 });
 
+var Receipt = (function (props) {
+    return React.createElement(IconWrapper, props, jsxRuntime.jsx("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, clipPath: "url(#receipt_svg__a)", children: jsxRuntime.jsx("path", { d: "M6.25 8.125h7.5M6.25 10.625h7.5M2.5 16.25V4.375a.625.625 0 0 1 .625-.625h13.75a.625.625 0 0 1 .625.625V16.25L15 15l-2.5 1.25L10 15l-2.5 1.25L5 15l-2.5 1.25Z" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "receipt_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
+});
+
 var RefreshCcw = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeWidth: 2, d: "M3 9c2-5 5.594-7 8.899-7 4.523 0 8.525 2.943 9.837 7M2 10V4M2 10h6M21 15c-2 5-5.594 7-8.899 7-4.523 0-8.525-2.943-9.837-7M22 14v6M22 14h-6" }));
 });
@@ -3532,6 +3556,10 @@ var Sidebar = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeMiterlimit: 10, strokeWidth: 2, d: "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Z" }), jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeWidth: 2, d: "M9 20V4" }));
 });
 
+var Signature = (function (props) {
+    return React.createElement(IconWrapper, props, jsxRuntime.jsx("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, clipPath: "url(#signature_svg__a)", children: jsxRuntime.jsx("path", { d: "M1.875 14h16.25M1.875 17.5s9.025-15 4.212-15C2.505 2.5 2.467 17.587 10 8.14c0 0 .634 3.081 2.127 3.11.603.012 1.348-.493 2.248-1.875 0 0 0 1.875 3.75 1.875" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "signature_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
+});
+
 var SkipBack = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 20 9 12l10-8v16ZM5 19V5" }));
 });
@@ -3572,6 +3600,10 @@ var Square = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeMiterlimit: 10, strokeWidth: 2, d: "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Z" }));
 });
 
+var Stamp = (function (props) {
+    return React.createElement(IconWrapper, props, jsxRuntime.jsx("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, clipPath: "url(#stamp_svg__a)", children: jsxRuntime.jsx("path", { d: "M3.125 17.5h13.75M8.931 10.625 7.542 4.141a1.875 1.875 0 0 1 1.833-2.266h1.25a1.875 1.875 0 0 1 1.834 2.266l-1.39 6.484M16.25 10.625H3.75a.625.625 0 0 0-.625.625v3.125c0 .345.28.625.625.625h12.5c.345 0 .625-.28.625-.625V11.25a.625.625 0 0 0-.625-.625Z" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "stamp_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
+});
+
 var StarFilledIcon = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { fill: "currentColor", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: 2, d: "M11.888 2h.129c.502.003.952.313 1.13.78l2.006 5.068 5.679.266c1.128.048 1.59 1.464.703 2.16l-4.433 3.546 1.84 5.653c.286 1.071-.906 1.93-1.84 1.325L12 17l-5 3.798c-.935.608-2.132-.252-1.844-1.325L6.9 13.82l-4.434-3.546c-.886-.696-.425-2.112.703-2.16l5.68-.266 2.021-5.068A1.224 1.224 0 0 1 11.889 2Z" }));
 });
@@ -3656,6 +3688,10 @@ var TrailerParts = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6.5 16.5a2 2 0 0 0 4 0m-4 0a2 2 0 0 1 4 0m-4 0h-2a2 2 0 0 1-2-2V12A5.5 5.5 0 0 1 8 6.5h7.5a2 2 0 0 1 2 2v6m-7 2h5a2 2 0 0 0 2-2m0 0h4" }));
 });
 
+var Translation = (function (props) {
+    return React.createElement(IconWrapper, props, jsxRuntime.jsxs("g", { stroke: "currentColor", strokeWidth: 1.8, clipPath: "url(#translation_svg__a)", children: [jsxRuntime.jsx("circle", { cx: 11.25, cy: 8.75, r: 7.083 }), jsxRuntime.jsx("path", { strokeLinecap: "round", d: "M11.667 1.667c-2.808 2.237-3.842 5.888-3.102 9.166" }), jsxRuntime.jsx("path", { strokeLinecap: "round", d: "M10.833 1.667c4.445 3.541 4.445 10.625 0 14.166M5 6.667h12.5M5 10.833h12.5" }), jsxRuntime.jsx("path", { fill: "#fff", strokeLinecap: "round", strokeLinejoin: "round", d: "M10 16.146c0 .276-.109.541-.301.736a1.022 1.022 0 0 1-.728.305H3.724l-2.058 1.146v-6.458c0-.276.109-.541.302-.737.193-.195.454-.305.727-.305h6.276c.273 0 .535.11.728.305.192.196.3.46.3.737v4.27Z" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "translation_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
+});
+
 var Trash2Icon = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m3 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6h14ZM10 11v6M14 11v6" }));
 });
@@ -8286,7 +8322,7 @@ var IMAGE_FILES = [
     'png',
     'tiff',
     'webp',
-    'svg'
+    'svg',
 ];
 
 var getUploadStatus = function (progress, error) {
@@ -8375,6 +8411,63 @@ var getStatusMessage = function (_a) {
     return message.trim();
 };
 
+var breakpointLookup = function (breakpoint) {
+    if (typeof window === 'undefined') {
+        return {
+            initialValue: false,
+            queryString: '',
+        };
+    }
+    switch (breakpoint) {
+        case 'BELOW_TABLET':
+            return {
+                initialValue: window.innerWidth <= 720, // 45rem = 720px = tablet breakpoint
+                queryString: '(max-width: 45rem)',
+            };
+        case 'BELOW_DESKTOP':
+            return {
+                initialValue: window.innerWidth <= 1024, // 64rem = 1024px = desktop breakpoint
+                queryString: '(max-width: 64rem)',
+            };
+        case 'ABOVE_MOBILE':
+            return {
+                initialValue: window.innerWidth >= 544, // 34rem = 544px = mobile breakpoint}
+                queryString: '(min-width: 34rem)',
+            };
+        case 'ABOVE_TABLET':
+            return {
+                initialValue: window.innerWidth >= 720, // 45rem = 720px = tablet breakpoint
+                queryString: '(min-width: 45rem)',
+            };
+        case 'ABOVE_DESKTOP':
+            return {
+                initialValue: window.innerWidth >= 1024, // 64rem = 1024px = desktop breakpoint
+                queryString: '(min-width: 64rem)',
+            };
+        case 'BELOW_MOBILE':
+        default:
+            return {
+                initialValue: window.innerWidth <= 544, // 34rem = 544px = mobile breakpoint}
+                queryString: '(max-width: 34rem)',
+            };
+    }
+};
+var useMediaQuery = function (breakpoint) {
+    var _a = breakpointLookup(breakpoint), initialValue = _a.initialValue, queryString = _a.queryString;
+    var _b = React.useState(initialValue), matchesBreakpoint = _b[0], setMatchesBreakpoint = _b[1];
+    React.useEffect(function () {
+        var mediaQuery = window.matchMedia(queryString);
+        var updateMediaQuery = function (e) {
+            return setMatchesBreakpoint(e.matches);
+        };
+        mediaQuery.addEventListener('change', updateMediaQuery);
+        return function () {
+            mediaQuery.removeEventListener('change', updateMediaQuery);
+        };
+    }, [queryString]);
+    return matchesBreakpoint;
+};
+
 var MultiDropzone = function (_a) {
     var _b;
     var uploadedFiles = _a.uploadedFiles, onFileSelect = _a.onFileSelect, onRemoveFile = _a.onRemoveFile, uploading = _a.uploading, _c = _a.isCondensed, isCondensed = _c === void 0 ? false : _c, accept = _a.accept, _d = _a.maxFiles, maxFiles = _d === void 0 ? 0 : _d, maxSize = _a.maxSize, textOverrides = _a.textOverrides;
@@ -8414,12 +8507,18 @@ var MultiDropzone = function (_a) {
         maxSize: maxSize,
         onDrop: onDrop,
     }), getRootProps = _g.getRootProps, getInputProps = _g.getInputProps;
+    var isNonDesktopDevice = useMediaQuery('BELOW_TABLET');
+    var instructionsTextDesktop = (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.instructionsText) || 'Choose file or drag & drop';
+    var instructionsTextMobile = (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.instructionsTextMobile) || 'Tap to choose file';
+    var instructionsText = isNonDesktopDevice
+        ? instructionsTextMobile
+        : instructionsTextDesktop;
     return (jsxRuntime.jsxs("div", { className: styles$C.container, children: [jsxRuntime.jsxs("div", __assign({ className: classNames$1("w100 ta-center br8 c-pointer ".concat(styles$C.dropzoneContainer), (_b = {},
                     _b[styles$C['dropzoneContainerDisabled']] = uploading,
                     _b)) }, getRootProps(), { children: [jsxRuntime.jsx("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: statusMessage }), jsxRuntime.jsx("input", __assign({ "data-testid": "ds-drop-input" }, getInputProps())), jsxRuntime.jsx(UploadCloudIcon, { className: isCondensed ? styles$C.img : '', size: isCondensed ? 24 : 64, color: 'purple-500' }), jsxRuntime.jsx("div", { className: "p-h4 mt8 d-block c-pointer ".concat(isCondensed ? styles$C.textInline : ''), children: uploading
                             ? (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.currentlyUploadingText) ||
                                 'Please wait while uploading file...'
-                            : (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.instructionsText) || 'Choose file or drag & drop' }), jsxRuntime.jsx("div", { className: "p-p--small tc-grey-500", children: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.supportsText) || placeholder })] })), errors.map(function (_a) {
+                            : instructionsText }), jsxRuntime.jsx("div", { className: "p-p--small tc-grey-500", children: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.supportsText) || placeholder })] })), errors.map(function (_a) {
                 var id = _a.id, message = _a.message;
                 return message && (jsxRuntime.jsx(UploadFileCell, { uploadStatus: "ERROR", file: {
                         error: message,
@@ -16291,63 +16390,6 @@ var css_248z$4 = ".Table-module_wrapper__2MMNq {\n  position: relative;\n}\n\n.T
 var styles$4 = {"wrapper":"Table-module_wrapper__2MMNq","container":"Table-module_container__3VFLP","stickyHeader":"Table-module_stickyHeader__2uEpP","modalContent":"Table-module_modalContent__1PNgv"};
 styleInject(css_248z$4);
 
-var breakpointLookup = function (breakpoint) {
-    if (typeof window === 'undefined') {
-        return {
-            initialValue: false,
-            queryString: '',
-        };
-    }
-    switch (breakpoint) {
-        case 'BELOW_TABLET':
-            return {
-                initialValue: window.innerWidth <= 720, // 45rem = 720px = tablet breakpoint
-                queryString: '(max-width: 45rem)',
-            };
-        case 'BELOW_DESKTOP':
-            return {
-                initialValue: window.innerWidth <= 1024, // 64rem = 1024px = desktop breakpoint
-                queryString: '(max-width: 64rem)',
-            };
-        case 'ABOVE_MOBILE':
-            return {
-                initialValue: window.innerWidth >= 544, // 34rem = 544px = mobile breakpoint}
-                queryString: '(min-width: 34rem)',
-            };
-        case 'ABOVE_TABLET':
-            return {
-                initialValue: window.innerWidth >= 720, // 45rem = 720px = tablet breakpoint
-                queryString: '(min-width: 45rem)',
-            };
-        case 'ABOVE_DESKTOP':
-            return {
-                initialValue: window.innerWidth >= 1024, // 64rem = 1024px = desktop breakpoint
-                queryString: '(min-width: 64rem)',
-            };
-        case 'BELOW_MOBILE':
-        default:
-            return {
-                initialValue: window.innerWidth <= 544, // 34rem = 544px = mobile breakpoint}
-                queryString: '(max-width: 34rem)',
-            };
-    }
-};
-var useMediaQuery = function (breakpoint) {
-    var _a = breakpointLookup(breakpoint), initialValue = _a.initialValue, queryString = _a.queryString;
-    var _b = React.useState(initialValue), matchesBreakpoint = _b[0], setMatchesBreakpoint = _b[1];
-    React.useEffect(function () {
-        var mediaQuery = window.matchMedia(queryString);
-        var updateMediaQuery = function (e) {
-            return setMatchesBreakpoint(e.matches);
-        };
-        mediaQuery.addEventListener('change', updateMediaQuery);
-        return function () {
-            mediaQuery.removeEventListener('change', updateMediaQuery);
-        };
-    }, [queryString]);
-    return matchesBreakpoint;
-};
-
 var css_248z$3 = ".TableSection-module_table__sNbDq {\n  border-collapse: collapse;\n  table-layout: fixed;\n}\n@media (min-width: 34rem) {\n  .TableSection-module_table__sNbDq {\n    min-width: 845px;\n  }\n}\n\n.TableSection-module_tr__UbkbE {\n  min-height: 72px;\n}";
 var styles$3 = {"table":"TableSection-module_table__sNbDq","tr":"TableSection-module_tr__UbkbE"};
 styleInject(css_248z$3);
@@ -16699,6 +16741,7 @@ exports.BikeBicycleIcon = BikeBicycle;
 exports.BlogIcon = Blog;
 exports.BluetoothIcon = Bluetooth;
 exports.BoldIcon = Bold;
+exports.BoneIcon = Bone;
 exports.BookIcon = Book;
 exports.BookOpenIcon = BookOpen;
 exports.BookmarkIcon = Bookmark;
@@ -16717,6 +16760,7 @@ exports.CalendarIcon = CalendarIcon;
 exports.CameraIcon = Camera;
 exports.CameraOffIcon = CameraOff;
 exports.CancerIcon = Cancer;
+exports.CarIcon = Car;
 exports.CarTrafficIcon = CarTraffic;
 exports.Card = Card;
 exports.CardButton = CardButton;
@@ -16815,6 +16859,7 @@ exports.FileIcon = FileIcon;
 exports.FileMinusIcon = FileMinus;
 exports.FilePlusIcon = FilePlus;
 exports.FileTextIcon = FileText;
+exports.FilesIcon = Files;
 exports.FilmIcon = Film;
 exports.FilterIcon = Filter;
 exports.FireIcon = Fire;
@@ -16845,6 +16890,7 @@ exports.HexagonIcon = Hexagon;
 exports.HomeIcon = Home;
 exports.HospitalBuildingIcon = HospitalBuilding;
 exports.IbanInput = IbanInput;
+exports.IdIcon = Id;
 exports.ImagePictureIcon = ImagePicture;
 exports.InboxIcon = Inbox;
 exports.InfoCard = InfoCard;
@@ -16935,11 +16981,13 @@ exports.PowerIcon = Power;
 exports.PregnacyIcon = Pregnacy;
 exports.PrinterIcon = Printer;
 exports.ProgressIcon = Progress;
+exports.ProhibitIcon = Prohibit;
 exports.QrCodeIcon = QrCode;
 exports.QuestionmarkHelpCircleIcon = QuestionmarkHelpCircle;
 exports.QuotationMarksIcon = QuotationMarks;
 exports.Radio = Radio;
 exports.RadioIcon = Radio$1;
+exports.ReceiptIcon = Receipt;
 exports.RefreshCcwIcon = RefreshCcw;
 exports.RefreshCwIcon = RefreshCw;
 exports.RegularModal = RegularModal;
@@ -16967,6 +17015,7 @@ exports.ShoppingBagIcon = ShoppingBag;
 exports.ShoppingCartIcon = ShoppingCart;
 exports.ShuffleIcon = Shuffle;
 exports.SidebarIcon = Sidebar;
+exports.SignatureIcon = Signature;
 exports.SignaturePad = SignaturePad;
 exports.SkipBackIcon = SkipBack;
 exports.SkipForwardIcon = SkipForward;
@@ -16979,6 +17028,7 @@ exports.SofaIcon = Sofa;
 exports.SpeakerIcon = Speaker;
 exports.Spinner = Spinner;
 exports.SquareIcon = Square;
+exports.StampIcon = Stamp;
 exports.StarFilledIcon = StarFilledIcon;
 exports.StarHalfIcon = StarHalf;
 exports.StarIcon = Star;
@@ -17016,6 +17066,7 @@ exports.ToggleRightIcon = ToggleRight;
 exports.ToolIcon = Tool;
 exports.ToothFillingCrackedIcon = ToothFillingCracked;
 exports.TrailerPartsIcon = TrailerParts;
+exports.TranslationIcon = Translation;
 exports.Trash2Icon = Trash2Icon;
 exports.TrashIcon = Trash;
 exports.TrelloIcon = Trello;