@splunk/react-ui 5.0.0-beta.4 → 5.0.0-beta.5

package/File.js

@@ -8,27 +8,27 @@
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ e.n = r => {
-            /******/ var n = r && r.__esModule ? 
-            /******/ () => r["default"]
-            /******/ : () => r
+        /******/ e.n = n => {
+            /******/ var r = n && n.__esModule ? 
+            /******/ () => n["default"]
+            /******/ : () => n
             /******/;
-            e.d(n, {
-                a: n
+            e.d(r, {
+                a: r
             });
-            /******/            return n;
+            /******/            return r;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (r, n) => {
-            /******/ for (var t in n) {
-                /******/ if (e.o(n, t) && !e.o(r, t)) {
-                    /******/ Object.defineProperty(r, t, {
+        /******/ e.d = (n, r) => {
+            /******/ for (var t in r) {
+                /******/ if (e.o(r, t) && !e.o(n, t)) {
+                    /******/ Object.defineProperty(n, t, {
                         enumerable: true,
-                        get: n[t]
+                        get: r[t]
                     });
                     /******/                }
                 /******/            }
@@ -37,7 +37,7 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
+        /******/ e.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
         /******/;
     })();
     /******/
@@ -56,23 +56,23 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var r = {};
+    /************************************************************************/    var n = {};
     // ESM COMPAT FLAG
-        e.r(r);
+        e.r(n);
     // EXPORTS
-        e.d(r, {
-        Item: () => /* reexport */ kr,
-        default: () => /* reexport */ zr
+        e.d(n, {
+        Item: () => /* reexport */ Sn,
+        default: () => /* reexport */ er
     });
     // CONCATENATED MODULE: external "react"
-    const n = require("react");
-    var t =  e.n(n);
+    const r = require("react");
+    var t =  e.n(r);
     // CONCATENATED MODULE: external "prop-types"
     const a = require("prop-types");
     var i =  e.n(a);
     // CONCATENATED MODULE: external "lodash/debounce"
-    const l = require("lodash/debounce");
-    var o =  e.n(l);
+    const o = require("lodash/debounce");
+    var l =  e.n(o);
     // CONCATENATED MODULE: external "lodash/isString"
     const s = require("lodash/isString");
     var c =  e.n(s);
@@ -81,9 +81,9 @@
     var d =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
     const p = require("@splunk/react-ui/EventListener");
-    var v =  e.n(p);
+    var f =  e.n(p);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const f = require("@splunk/ui-utils/i18n");
+    const v = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/ui-utils/format"
     const m = require("@splunk/ui-utils/format");
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
@@ -95,41 +95,41 @@
     const h = require("@splunk/react-icons/TrashCanCross");
     var k =  e.n(h);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowsCircularDouble"
-    const q = require("@splunk/react-icons/ArrowsCircularDouble");
-    var w =  e.n(q);
+    const S = require("@splunk/react-icons/ArrowsCircularDouble");
+    var q =  e.n(S);
     // CONCATENATED MODULE: ./src/File/FileContext.tsx
-    var S =  (0, n.createContext)({
+    var w =  (0, r.createContext)({
         disabled: false
     });
-    S.displayName = "File";
-    /* harmony default export */    const C = S;
+    w.displayName = "File";
+    /* harmony default export */    const C = w;
     // CONCATENATED MODULE: external "@splunk/react-icons/FileAiff"
-    const x = require("@splunk/react-icons/FileAiff");
-    var F =  e.n(x);
+    const F = require("@splunk/react-icons/FileAiff");
+    var x =  e.n(F);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileCss"
-    const I = require("@splunk/react-icons/FileCss");
-    var _ =  e.n(I);
+    const E = require("@splunk/react-icons/FileCss");
+    var I =  e.n(E);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileCsv"
-    const E = require("@splunk/react-icons/FileCsv");
-    var R =  e.n(E);
+    const _ = require("@splunk/react-icons/FileCsv");
+    var R =  e.n(_);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileDat"
     const O = require("@splunk/react-icons/FileDat");
-    var j =  e.n(O);
+    var A =  e.n(O);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileDb"
-    const A = require("@splunk/react-icons/FileDb");
-    var P =  e.n(A);
+    const T = require("@splunk/react-icons/FileDb");
+    var P =  e.n(T);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileDbf"
-    const D = require("@splunk/react-icons/FileDbf");
-    var M =  e.n(D);
+    const j = require("@splunk/react-icons/FileDbf");
+    var N =  e.n(j);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileDoc"
-    const T = require("@splunk/react-icons/FileDoc");
-    var $ =  e.n(T);
+    const D = require("@splunk/react-icons/FileDoc");
+    var M =  e.n(D);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileEps"
-    const N = require("@splunk/react-icons/FileEps");
-    var B =  e.n(N);
+    const $ = require("@splunk/react-icons/FileEps");
+    var B =  e.n($);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileFig"
-    const X = require("@splunk/react-icons/FileFig");
-    var L =  e.n(X);
+    const L = require("@splunk/react-icons/FileFig");
+    var X =  e.n(L);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileGif"
     const U = require("@splunk/react-icons/FileGif");
     var W =  e.n(U);
@@ -140,8 +140,8 @@
     const J = require("@splunk/react-icons/FileHtml");
     var G =  e.n(J);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileIco"
-    const Z = require("@splunk/react-icons/FileIco");
-    var V =  e.n(Z);
+    const V = require("@splunk/react-icons/FileIco");
+    var Z =  e.n(V);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileJpg"
     const K = require("@splunk/react-icons/FileJpg");
     var Q =  e.n(K);
@@ -149,17 +149,17 @@
     const Y = require("@splunk/react-icons/FileJs");
     var ee =  e.n(Y);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileJson"
-    const re = require("@splunk/react-icons/FileJson");
-    var ne =  e.n(re);
+    const ne = require("@splunk/react-icons/FileJson");
+    var re =  e.n(ne);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileJsx"
     const te = require("@splunk/react-icons/FileJsx");
     var ae =  e.n(te);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileLog"
     const ie = require("@splunk/react-icons/FileLog");
-    var le =  e.n(ie);
+    var oe =  e.n(ie);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileMid"
-    const oe = require("@splunk/react-icons/FileMid");
-    var se =  e.n(oe);
+    const le = require("@splunk/react-icons/FileMid");
+    var se =  e.n(le);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileMp3"
     const ce = require("@splunk/react-icons/FileMp3");
     var ue =  e.n(ce);
@@ -167,8 +167,8 @@
     const de = require("@splunk/react-icons/FileMp4");
     var pe =  e.n(de);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileMpg"
-    const ve = require("@splunk/react-icons/FileMpg");
-    var fe =  e.n(ve);
+    const fe = require("@splunk/react-icons/FileMpg");
+    var ve =  e.n(fe);
     // CONCATENATED MODULE: external "@splunk/react-icons/FilePdf"
     const me = require("@splunk/react-icons/FilePdf");
     var ye =  e.n(me);
@@ -179,38 +179,38 @@
     const he = require("@splunk/react-icons/FilePng");
     var ke =  e.n(he);
     // CONCATENATED MODULE: external "@splunk/react-icons/FilePpt"
-    const qe = require("@splunk/react-icons/FilePpt");
-    var we =  e.n(qe);
+    const Se = require("@splunk/react-icons/FilePpt");
+    var qe =  e.n(Se);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileRar"
-    const Se = require("@splunk/react-icons/FileRar");
-    var Ce =  e.n(Se);
+    const we = require("@splunk/react-icons/FileRar");
+    var Ce =  e.n(we);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileRtf"
-    const xe = require("@splunk/react-icons/FileRtf");
-    var Fe =  e.n(xe);
+    const Fe = require("@splunk/react-icons/FileRtf");
+    var xe =  e.n(Fe);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileSql"
-    const Ie = require("@splunk/react-icons/FileSql");
-    var _e =  e.n(Ie);
+    const Ee = require("@splunk/react-icons/FileSql");
+    var Ie =  e.n(Ee);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileSvg"
-    const Ee = require("@splunk/react-icons/FileSvg");
-    var Re =  e.n(Ee);
+    const _e = require("@splunk/react-icons/FileSvg");
+    var Re =  e.n(_e);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileText"
     const Oe = require("@splunk/react-icons/FileText");
-    var je =  e.n(Oe);
+    var Ae =  e.n(Oe);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileTGZ"
-    const Ae = require("@splunk/react-icons/FileTGZ");
-    var Pe =  e.n(Ae);
+    const Te = require("@splunk/react-icons/FileTGZ");
+    var Pe =  e.n(Te);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileTiff"
-    const De = require("@splunk/react-icons/FileTiff");
-    var Me =  e.n(De);
+    const je = require("@splunk/react-icons/FileTiff");
+    var Ne =  e.n(je);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileWav"
-    const Te = require("@splunk/react-icons/FileWav");
-    var $e =  e.n(Te);
+    const De = require("@splunk/react-icons/FileWav");
+    var Me =  e.n(De);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileXls"
-    const Ne = require("@splunk/react-icons/FileXls");
-    var Be =  e.n(Ne);
+    const $e = require("@splunk/react-icons/FileXls");
+    var Be =  e.n($e);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileXml"
-    const Xe = require("@splunk/react-icons/FileXml");
-    var Le =  e.n(Xe);
+    const Le = require("@splunk/react-icons/FileXml");
+    var Xe =  e.n(Le);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileZip"
     const Ue = require("@splunk/react-icons/FileZip");
     var We =  e.n(Ue);
@@ -221,147 +221,147 @@
     const Je = require("styled-components");
     var Ge =  e.n(Je);
     // CONCATENATED MODULE: external "@splunk/react-ui/Progress"
-    const Ze = require("@splunk/react-ui/Progress");
-    var Ve =  e.n(Ze);
+    const Ve = require("@splunk/react-ui/Progress");
+    var Ze =  e.n(Ve);
     // CONCATENATED MODULE: external "@splunk/themes"
     const Ke = require("@splunk/themes");
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
     const Qe = require("@splunk/react-ui/Button");
     var Ye =  e.n(Qe);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileRipped"
-    const er = require("@splunk/react-icons/FileRipped");
-    var rr =  e.n(er);
+    const en = require("@splunk/react-icons/FileRipped");
+    var nn =  e.n(en);
     // CONCATENATED MODULE: ./src/File/ItemStyles.ts
-    var nr = Ge().div.withConfig({
+    var rn = Ge().div.withConfig({
         displayName: "ItemStyles__StyledItemWrapper",
         componentId: "sc-1fsk3kr-0"
     })([ "", ";flex-direction:column;gap:", ";" ], Ke.mixins.reset("flex"), Ke.variables.spacingXSmall);
-    var tr = Ge().div.withConfig({
+    var tn = Ge().div.withConfig({
         displayName: "ItemStyles__StyledItem",
         componentId: "sc-1fsk3kr-1"
     })([ "display:flex;align-items:center;max-width:400px;padding:", " ", ";gap:", ";color:", ";", " ", ";& *:is(button){flex:none;}" ], Ke.variables.spacingXSmall, Ke.variables.spacingSmall, Ke.variables.spacingXSmall, Ke.variables.contentColorActive, (function(e) {
-        var r = e.$inProgress;
-        return r && (0, Je.css)([ "color:", ";" ], Ke.variables.contentColorDefault);
+        var n = e.$inProgress;
+        return n && (0, Je.css)([ "color:", ";" ], Ke.variables.contentColorDefault);
     }), (function(e) {
-        var r = e.$disabled;
-        return r && (0, Je.css)([ "cursor:not-allowed;color:", ";" ], Ke.variables.contentColorDisabled);
+        var n = e.$disabled;
+        return n && (0, Je.css)([ "cursor:not-allowed;color:", ";" ], Ke.variables.contentColorDisabled);
     }));
-    var ar = Ge()(rr()).withConfig({
+    var an = Ge()(nn()).withConfig({
         displayName: "ItemStyles__StyledErrorIcon",
         componentId: "sc-1fsk3kr-2"
     })([ "fill:", ";" ], Ke.variables.contentColorNegative);
-    var ir = "28px";
-    var lr = Ge().div.withConfig({
+    var on = "28px";
+    var ln = Ge().div.withConfig({
         displayName: "ItemStyles__StyledIcon",
         componentId: "sc-1fsk3kr-3"
-    })([ "display:grid;justify-content:center;align-items:center;&:has(img){height:", ";width:", ";& img{max-width:", ";max-height:", ";}}" ], ir, ir, ir, ir);
-    var or = Ge().div.withConfig({
+    })([ "display:grid;justify-content:center;align-items:center;&:has(img){height:", ";width:", ";& img{max-width:", ";max-height:", ";}}" ], on, on, on, on);
+    var sn = Ge().div.withConfig({
         displayName: "ItemStyles__StyledLabel",
         componentId: "sc-1fsk3kr-4"
     })([ "overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1 0 0;" ]);
-    var sr = Ge()(Ve()).withConfig({
+    var cn = Ge()(Ze()).withConfig({
         displayName: "ItemStyles__StyledProgress",
         componentId: "sc-1fsk3kr-5"
     })([ "width:80px;height:6px;" ]);
-    var cr = Ge()(Ye()).withConfig({
+    var un = Ge()(Ye()).withConfig({
         displayName: "ItemStyles__StyledButton",
         componentId: "sc-1fsk3kr-6"
     })([ "&:not([disabled],[aria-disabled='true']){color:", ";}" ], Ke.variables.contentColorActive);
-    var ur = Ge().div.withConfig({
+    var dn = Ge().div.withConfig({
         displayName: "ItemStyles__StyledErrorText",
         componentId: "sc-1fsk3kr-7"
     })([ "", ";color:", ";padding:", ";" ], Ke.mixins.typography("smallBody"), Ke.variables.contentColorNegative, Ke.variables.spacingXSmall);
     // CONCATENATED MODULE: ./src/File/ItemIcon.tsx
-    var dr = {
-        aif: F(),
-        aiff: F(),
-        css: _(),
+    var pn = {
+        aif: x(),
+        aiff: x(),
+        css: I(),
         csv: R(),
-        dat: j(),
+        dat: A(),
         db: P(),
-        dbf: M(),
-        doc: $(),
+        dbf: N(),
+        doc: M(),
         eps: B(),
-        fig: L(),
+        fig: X(),
         gif: W(),
         htm: H(),
         html: G(),
-        ico: V(),
+        ico: Z(),
         jpg: Q(),
         js: ee(),
-        json: ne(),
+        json: re(),
         jsx: ae(),
-        log: le(),
+        log: oe(),
         mid: se(),
         mp3: ue(),
         mp4: pe(),
-        mpg: fe(),
+        mpg: ve(),
         pdf: ye(),
         php: ge(),
         png: ke(),
-        ppt: we(),
+        ppt: qe(),
         rar: Ce(),
-        rtf: Fe(),
-        sql: _e(),
+        rtf: xe(),
+        sql: Ie(),
         svg: Re(),
-        txt: je(),
+        txt: Ae(),
         tgz: Pe(),
-        tiff: Me(),
-        wav: $e(),
+        tiff: Ne(),
+        wav: Me(),
         xls: Be(),
-        xml: Le(),
+        xml: Xe(),
         zip: We()
     };
-    var pr = function e(r) {
-        var n;
-        var a = r.name, i = a === void 0 ? "" : a, l = r.icon;
-        /* if custom icon passed in use it */        if (l) {
+    var fn = function e(n) {
+        var r;
+        var a = n.name, i = a === void 0 ? "" : a, o = n.icon;
+        /* if custom icon passed in use it */        if (o) {
             
-            return t().createElement(lr, null, l);
+            return t().createElement(ln, null, o);
         }
-        var o = ((n = i.split(".").pop()) === null || n === void 0 ? void 0 : n.toLowerCase()) || "";
-        var s = dr[o] || He();
+        var l = ((r = i.split(".").pop()) === null || r === void 0 ? void 0 : r.toLowerCase()) || "";
+        var s = pn[l] || He();
         
         return t().createElement(s, {
             "aria-hidden": "true"
         });
     };
-    /* harmony default export */    const vr = pr;
+    /* harmony default export */    const vn = fn;
     // CONCATENATED MODULE: ./src/File/Item.tsx
-    function fr() {
-        return fr = Object.assign ? Object.assign.bind() : function(e) {
-            for (var r = 1; r < arguments.length; r++) {
-                var n = arguments[r];
-                for (var t in n) {
-                    ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
+    function mn() {
+        return mn = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var r = arguments[n];
+                for (var t in r) {
+                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
                 }
             }
             return e;
-        }, fr.apply(null, arguments);
+        }, mn.apply(null, arguments);
     }
-    function mr(e, r) {
+    function yn(e, n) {
         if (null == e) return {};
-        var n, t, a = yr(e, r);
+        var r, t, a = bn(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (t = 0; t < i.length; t++) {
-                n = i[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
+                r = i[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
         return a;
     }
-    function yr(e, r) {
+    function bn(e, n) {
         if (null == e) return {};
-        var n = {};
+        var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (r.includes(t)) continue;
-                n[t] = e[t];
+                if (n.includes(t)) continue;
+                r[t] = e[t];
             }
         }
-        return n;
+        return r;
     }
-    var br = {
+    var gn = {
         disabled: i().bool,
         elementRef: i().oneOfType([ i().func, i().object ]),
         error: i().bool,
@@ -375,14 +375,14 @@
    * not applicable, uploadPercentage must be undefined. */
         uploadPercentage: i().number
     };
-    var gr =  t().createElement(ar, {
+    var hn =  t().createElement(an, {
         variant: "filled"
     });
-    function hr(e) {
-        var r = e.disabled, a = e.elementRef, i = e.error, l = i === void 0 ? false : i, o = e.icon, s = e.itemId, c = e.name, u = e.index, d = u === void 0 ? 0 : u, p = e.uploadPercentage, v = mr(e, [ "disabled", "elementRef", "error", "icon", "itemId", "name", "index", "uploadPercentage" ]);
+    function kn(e) {
+        var n = e.disabled, a = e.elementRef, i = e.error, o = i === void 0 ? false : i, l = e.icon, s = e.itemId, c = e.name, u = e.index, d = u === void 0 ? 0 : u, p = e.uploadPercentage, f = yn(e, [ "disabled", "elementRef", "error", "icon", "itemId", "name", "index", "uploadPercentage" ]);
         // @docs-props-type ItemPropsBase
-                var y = (0, n.useContext)(S), b = y.onRequestRemove;
-        var h = (0, n.useCallback)((function(e) {
+                var y = (0, r.useContext)(w), b = y.onRequestRemove;
+        var h = (0, r.useCallback)((function(e) {
             e.preventDefault();
             b === null || b === void 0 ? void 0 : b({
                 itemId: s,
@@ -390,8 +390,8 @@
                 index: d
             });
         }), [ b, s, c, d ]);
-        var q = (0, n.useContext)(S), C = q.onRequestRetry;
-        var x = (0, n.useCallback)((function(e) {
+        var S = (0, r.useContext)(w), C = S.onRequestRetry;
+        var F = (0, r.useCallback)((function(e) {
             e.preventDefault();
             C === null || C === void 0 ? void 0 : C({
                 itemId: s,
@@ -399,209 +399,334 @@
                 index: d
             });
         }), [ C, s, c, d ]);
-        var F = (0, n.useContext)(S), I = F.disabled;
-        var _ = (0, m.sprintf)((0, f._)('Remove "%(filename)s"'), {
+        var x = (0, r.useContext)(w), E = x.disabled;
+        var I = (0, m.sprintf)((0, v._)('Remove "%(filename)s"'), {
             filename: c
         });
-        var E = (0, m.sprintf)((0, f._)('Retry "%(filename)s"'), {
+        var _ = (0, m.sprintf)((0, v._)('Retry "%(filename)s"'), {
             filename: c
         });
-        var R = (0, m.sprintf)((0, f._)('Uploading "%(filename)s"'), {
+        var R = (0, m.sprintf)((0, v._)('Uploading "%(filename)s"'), {
             filename: c
         });
-        var O = (0, f._)("Remove");
-        var j = r !== undefined ? r : I;
-        var A = p !== undefined && p > 0;
-        var P = l ? gr :  t().createElement(vr, {
+        var O = (0, v._)("Remove");
+        var A = n !== undefined ? n : E;
+        var T = p !== undefined && p > 0;
+        var P = o ? hn :  t().createElement(vn, {
             name: c,
-            icon: o
+            icon: l
         });
         
-        return t().createElement(nr, null,  t().createElement(tr, fr({
+        return t().createElement(rn, null,  t().createElement(tn, mn({
             "data-test": "item",
-            "data-test-disabled": j,
-            "data-test-error": l,
+            "data-test-disabled": A ? "disabled" : undefined,
+            "data-test-error": o,
             ref: a
-        }, v, {
-            $disabled: j,
-            $inProgress: A
-        }), P,  t().createElement(or, {
+        }, f, {
+            $disabled: A,
+            $inProgress: T
+        }), P,  t().createElement(sn, {
             "data-test": "label"
-        }, c), A &&  t().createElement(t().Fragment, null,  t().createElement(sr, {
+        }, c), T &&  t().createElement(t().Fragment, null,  t().createElement(cn, {
             percentage: p,
             "aria-label": R
-        }),  t().createElement("span", null, p, "%")), C && l &&  t().createElement(cr, {
+        }),  t().createElement("span", null, p, "%")), C && o &&  t().createElement(un, {
             "data-test": "retry",
-            onClick: x,
-            "aria-label": E,
+            onClick: F,
+            "aria-label": _,
             appearance: "subtle"
-        },  t().createElement(w(), {
-            "aria-label": (0, f._)("Retry")
-        })), !j && (p === undefined && !l ?  t().createElement(cr, {
+        },  t().createElement(q(), {
+            "aria-label": (0, v._)("Retry")
+        })), !A && (p === undefined && !o ?  t().createElement(un, {
             "data-test": "remove",
             onClick: h,
-            "aria-label": _,
+            "aria-label": I,
             appearance: "subtle"
         },  t().createElement(k(), {
             "aria-label": O
-        })) :  t().createElement(cr, {
+        })) :  t().createElement(un, {
             "data-test": "remove",
             onClick: h,
-            "aria-label": _,
+            "aria-label": I,
             appearance: "subtle"
         },  t().createElement(g(), {
             "aria-label": O
-        })))), l &&  t().createElement(ur, null, (0, f._)("Something went wrong.")));
+        })))), o &&  t().createElement(dn, null, (0, v._)("Something went wrong.")));
     }
-    hr.propTypes = br;
-    /* harmony default export */    const kr = hr;
+    kn.propTypes = gn;
+    /* harmony default export */    const Sn = kn;
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowBroadUnderbarUp"
-    const qr = require("@splunk/react-icons/ArrowBroadUnderbarUp");
-    var wr =  e.n(qr);
+    const qn = require("@splunk/react-icons/ArrowBroadUnderbarUp");
+    var wn =  e.n(qn);
     // CONCATENATED MODULE: ./src/File/FileStyles.ts
-    var Sr = "24px";
-    var Cr = "150px";
-    var xr = Ge().input.withConfig({
+    var Cn = "24px";
+    var Fn = "150px";
+    var xn = Ge().input.withConfig({
         displayName: "FileStyles__StyledInput",
         componentId: "sc-1wyh4cf-0"
     })([ "&[type='file']{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;}" ]);
-    /* wraps the drop target box and the list of files */    var Fr = Ge().div.withConfig({
+    /* wraps the drop target box and the list of files */    var En = Ge().div.withConfig({
         displayName: "FileStyles__StyledFileWrapper",
         componentId: "sc-1wyh4cf-1"
     })([ "display:flex;flex-direction:column;gap:", ";" ], Ke.variables.spacingSmall);
-    var Ir = Ge()(wr()).withConfig({
+    var In = Ge()(wn()).withConfig({
         displayName: "FileStyles__StyledUploadIcon",
         componentId: "sc-1wyh4cf-2"
-    })([ "width:", ";height:", ";fill:", ";" ], Sr, Sr, Ke.variables.contentColorActive);
-    var _r = Ge().div.withConfig({
+    })([ "width:", ";height:", ";fill:", ";" ], Cn, Cn, Ke.variables.contentColorActive);
+    var _n = Ge().div.withConfig({
         displayName: "FileStyles__StyledInstructionText",
         componentId: "sc-1wyh4cf-3"
     })([ "", ";" ], Ke.mixins.typography("body", {
         color: "active",
         weight: "semiBold"
     }));
-    var Er = Ge().div.withConfig({
+    var Rn = Ge().div.withConfig({
         displayName: "FileStyles__StyledFileTypeSupportMessage",
         componentId: "sc-1wyh4cf-4"
     })([ "color:", ";text-align:center;" ], Ke.variables.contentColorDefault);
-    var Rr = Ge().div.withConfig({
+    var On = Ge().div.withConfig({
         displayName: "FileStyles__StyledDropTarget",
         componentId: "sc-1wyh4cf-5"
-    })([ "", ";flex-direction:column;align-items:center;justify-content:center;min-height:", ";gap:", ";padding:", ";border-radius:", ";cursor:pointer;", " ", " ", " ", " ", " ", " ", "" ], Ke.mixins.reset("flex"), Cr, Ke.variables.spacingXSmall, Ke.variables.spacingSmall, Ke.variables.borderRadius, (function(e) {
-        var r = e.$disabled;
-        return !r && (0, Je.css)([ "&:hover{background-color:", ";", "{color:", ";}", "{fill:", ";}}" ], Ke.variables.actionColorBackgroundSubtleHover, /* sc-sel */ _r, Ke.variables.contentColorAccentStrong, /* sc-sel */ Ir, Ke.variables.contentColorAccentStrong);
+    })([ "", ";flex-direction:column;align-items:center;justify-content:center;min-height:", ";gap:", ";padding:", ";border-radius:", ";cursor:pointer;", " ", " ", " ", " ", " ", " ", "" ], Ke.mixins.reset("flex"), Fn, Ke.variables.spacingXSmall, Ke.variables.spacingSmall, Ke.variables.borderRadius, (function(e) {
+        var n = e.$disabled;
+        return !n && (0, Je.css)([ "&:hover{background-color:", ";", "{color:", ";}", "{fill:", ";}}" ], Ke.variables.actionColorBackgroundSubtleHover, /* sc-sel */ _n, Ke.variables.contentColorAccentStrong, /* sc-sel */ In, Ke.variables.contentColorAccentStrong);
     }), (function(e) {
-        var r = e.$screenMode;
-        return r === "normal" && (0, Je.css)([ "border:", " dashed ", ";" ], Ke.variables.inputBorderWidth, Ke.variables.borderColor);
+        var n = e.$screenMode;
+        return n === "normal" && (0, Je.css)([ "border:", " dashed ", ";" ], Ke.variables.inputBorderWidth, Ke.variables.borderColor);
     }), (function(e) {
-        var r = e.$dragOver, n = e.$focused, t = e.$error;
-        return (r || n && !t) && (0, Je.css)([ "", "{color:", ";}", "{fill:", ";}" ], /* sc-sel */ _r, Ke.variables.contentColorAccentStrong, /* sc-sel */ Ir, Ke.variables.contentColorAccentStrong);
+        var n = e.$dragOver, r = e.$focused, t = e.$error;
+        return (n || r && !t) && (0, Je.css)([ "", "{color:", ";}", "{fill:", ";}" ], /* sc-sel */ _n, Ke.variables.contentColorAccentStrong, /* sc-sel */ In, Ke.variables.contentColorAccentStrong);
     }), (function(e) {
-        var r = e.$dragOver;
-        return r && (0, Je.css)([ "background-color:", ";" ], Ke.variables.actionColorBackgroundSubtleHover);
+        var n = e.$dragOver;
+        return n && (0, Je.css)([ "background-color:", ";" ], Ke.variables.actionColorBackgroundSubtleHover);
     }), (function(e) {
-        var r = e.$focused;
-        return r && (0, Je.css)([ "box-shadow:", ";" ], Ke.variables.focusShadow);
+        var n = e.$focused;
+        return n && (0, Je.css)([ "box-shadow:", ";" ], Ke.variables.focusShadow);
     }), (function(e) {
-        var r = e.$disabled;
-        return r && (0, Je.css)([ "border-color:", ";cursor:not-allowed;", ",", "{color:", ";}", "{fill:", ";}" ], Ke.variables.borderColorWeak, /* sc-sel */ _r, /* sc-sel */ Er, Ke.variables.contentColorDisabled, /* sc-sel */ Ir, Ke.variables.contentColorDisabled);
+        var n = e.$disabled;
+        return n && (0, Je.css)([ "border-color:", ";cursor:not-allowed;", ",", "{color:", ";}", "{fill:", ";}" ], Ke.variables.borderColorWeak, /* sc-sel */ _n, /* sc-sel */ Rn, Ke.variables.contentColorDisabled, /* sc-sel */ In, Ke.variables.contentColorDisabled);
     }), (function(e) {
-        var r = e.$error, n = e.$dragOver;
-        return r && !n && (0, Je.css)([ "border-color:", ";" ], Ke.variables.interactiveColorAccentError);
+        var n = e.$error, r = e.$dragOver;
+        return n && !r && (0, Je.css)([ "border-color:", ";" ], Ke.variables.interactiveColorAccentError);
     }));
-    var Or = Ge().div.withConfig({
+    var An = Ge().div.withConfig({
         displayName: "FileStyles__StyledHelp",
         componentId: "sc-1wyh4cf-6"
     })([ "", ";" ], Ke.mixins.typography("smallBody"));
-    var jr = Ge().div.withConfig({
+    var Tn = Ge().div.withConfig({
         displayName: "FileStyles__StyledWindowDrop",
         componentId: "sc-1wyh4cf-7"
     })([ "position:fixed;top:0;left:0;right:0;bottom:0;z-index:", " + 10;" ], Ke.variables.zindexModal);
-    var Ar = Ge().div.withConfig({
+    var Pn = Ge().div.withConfig({
         displayName: "FileStyles__StyledFileList",
         componentId: "sc-1wyh4cf-8"
     })([ "display:flex;flex-direction:column;gap:", ";" ], Ke.variables.spacingXSmall);
+    // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var jn = {
+        body: {
+            appendChild: function e() {
+                return [];
+            }
+        },
+        addEventListener: function e() {},
+        removeEventListener: function e() {},
+        activeElement: {
+            blur: function e() {},
+            nodeName: ""
+        },
+        querySelector: function e() {
+            return null;
+        },
+        querySelectorAll: function e() {
+            return [];
+        },
+        getElementById: function e() {
+            return null;
+        },
+        createEvent: function e() {
+            return {
+                initEvent: function e() {}
+            };
+        },
+        createElement: function e() {
+            return {
+                children: [],
+                childNodes: [],
+                style: {},
+                setAttribute: function e() {},
+                getElementsByTagName: function e() {
+                    return [];
+                }
+            };
+        },
+        createElementNS: function e() {
+            return {};
+        },
+        importNode: function e() {
+            return null;
+        },
+        location: {
+            hash: "",
+            host: "",
+            hostname: "",
+            href: "",
+            origin: "",
+            pathname: "",
+            protocol: "",
+            search: ""
+        }
+    };
+    function Nn() {
+        var e = typeof document !== "undefined" ? document : jn;
+        return e;
+    }
+    var Dn = Nn();
+    /* harmony default export */    const Mn = /* unused pure expression or super */ null && Dn;
+    // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var $n = {
+        document: jn,
+        navigator: {
+            userAgent: ""
+        },
+        location: {
+            hash: "",
+            host: "",
+            hostname: "",
+            href: "",
+            origin: "",
+            pathname: "",
+            protocol: "",
+            search: ""
+        },
+        history: {
+            replaceState: function e() {},
+            pushState: function e() {},
+            go: function e() {},
+            back: function e() {}
+        },
+        CustomEvent: function e() {
+            return this;
+        },
+        addEventListener: function e() {},
+        removeEventListener: function e() {},
+        getComputedStyle: function e() {
+            return {
+                getPropertyValue: function e() {
+                    return "";
+                }
+            };
+        },
+        Image: function e() {},
+        Date: function e() {},
+        screen: {},
+        setTimeout: function e() {},
+        clearTimeout: function e() {},
+        matchMedia: function e() {
+            return {};
+        },
+        requestAnimationFrame: function e(n) {
+            if (typeof setTimeout === "undefined") {
+                n();
+                return null;
+            }
+            return setTimeout(n, 0);
+        },
+        cancelAnimationFrame: function e(n) {
+            if (typeof setTimeout === "undefined") {
+                return;
+            }
+            clearTimeout(n);
+        }
+    };
+    function Bn() {
+        var e = typeof window !== "undefined" ? window : $n;
+        return e;
+    }
+    var Ln = Bn();
+    /* harmony default export */    const Xn = Ln;
     // CONCATENATED MODULE: ./src/File/File.tsx
-    function Pr() {
-        return Pr = Object.assign ? Object.assign.bind() : function(e) {
-            for (var r = 1; r < arguments.length; r++) {
-                var n = arguments[r];
-                for (var t in n) {
-                    ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
+    function Un() {
+        return Un = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var r = arguments[n];
+                for (var t in r) {
+                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
                 }
             }
             return e;
-        }, Pr.apply(null, arguments);
+        }, Un.apply(null, arguments);
     }
-    function Dr(e, r) {
-        return Br(e) || Nr(e, r) || Tr(e, r) || Mr();
+    function Wn(e, n) {
+        return Vn(e) || Gn(e, n) || Hn(e, n) || zn();
     }
-    function Mr() {
+    function zn() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function Tr(e, r) {
+    function Hn(e, n) {
         if (e) {
-            if ("string" == typeof e) return $r(e, r);
-            var n = {}.toString.call(e).slice(8, -1);
-            return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? $r(e, r) : void 0;
+            if ("string" == typeof e) return Jn(e, n);
+            var r = {}.toString.call(e).slice(8, -1);
+            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? Jn(e, n) : void 0;
         }
     }
-    function $r(e, r) {
-        (null == r || r > e.length) && (r = e.length);
-        for (var n = 0, t = Array(r); n < r; n++) {
-            t[n] = e[n];
+    function Jn(e, n) {
+        (null == n || n > e.length) && (n = e.length);
+        for (var r = 0, t = Array(n); r < n; r++) {
+            t[r] = e[r];
         }
         return t;
     }
-    function Nr(e, r) {
-        var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-        if (null != n) {
-            var t, a, i, l, o = [], s = !0, c = !1;
+    function Gn(e, n) {
+        var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != r) {
+            var t, a, i, o, l = [], s = !0, c = !1;
             try {
-                if (i = (n = n.call(e)).next, 0 === r) {
-                    if (Object(n) !== n) return;
+                if (i = (r = r.call(e)).next, 0 === n) {
+                    if (Object(r) !== r) return;
                     s = !1;
-                } else for (;!(s = (t = i.call(n)).done) && (o.push(t.value), o.length !== r); s = !0) {
+                } else for (;!(s = (t = i.call(r)).done) && (l.push(t.value), l.length !== n); s = !0) {
                 }
             } catch (e) {
                 c = !0, a = e;
             } finally {
                 try {
-                    if (!s && null != n["return"] && (l = n["return"](), Object(l) !== l)) return;
+                    if (!s && null != r["return"] && (o = r["return"](), Object(o) !== o)) return;
                 } finally {
                     if (c) throw a;
                 }
             }
-            return o;
+            return l;
         }
     }
-    function Br(e) {
+    function Vn(e) {
         if (Array.isArray(e)) return e;
     }
-    function Xr(e, r) {
+    function Zn(e, n) {
         if (null == e) return {};
-        var n, t, a = Lr(e, r);
+        var r, t, a = Kn(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (t = 0; t < i.length; t++) {
-                n = i[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
+                r = i[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
         return a;
     }
-    function Lr(e, r) {
+    function Kn(e, n) {
         if (null == e) return {};
-        var n = {};
+        var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (r.includes(t)) continue;
-                n[t] = e[t];
+                if (n.includes(t)) continue;
+                r[t] = e[t];
             }
         }
-        return n;
+        return r;
     }
     /** @public */
-    /** @public */    var Ur = {
+    /** @public */    var Qn = {
         accept: i().string,
         allowMultiple: i().bool,
         children: i().node,
@@ -623,19 +748,19 @@
  * File provides the ability to accept files and present uploaded files. It does not provide
  * file readers, only a reference to the file. This can be used to post binary content, or
  * upload using an array buffer.
- */    function Wr(e) {
-        var r = e.accept, a = e.allowMultiple, i = e.children, l = e.disabled, s = e.dropAnywhere, u = e.elementRef, p = e.error, b = e.fullscreen, g = e.help, h = e.name, k = e.onRequestAdd, q = e.onRequestRemove, w = e.onRequestRetry, S = e.required, x = e.supportsMessage, F = Xr(e, [ "accept", "allowMultiple", "children", "disabled", "dropAnywhere", "elementRef", "error", "fullscreen", "help", "name", "onRequestAdd", "onRequestRemove", "onRequestRetry", "required", "supportsMessage" ]);
+ */    function Yn(e) {
+        var n = e.accept, a = e.allowMultiple, i = e.children, o = e.disabled, s = e.dropAnywhere, u = e.elementRef, p = e.error, b = e.fullscreen, g = e.help, h = e.name, k = e.onRequestAdd, S = e.onRequestRemove, q = e.onRequestRetry, w = e.required, F = e.supportsMessage, x = Zn(e, [ "accept", "allowMultiple", "children", "disabled", "dropAnywhere", "elementRef", "error", "fullscreen", "help", "name", "onRequestAdd", "onRequestRemove", "onRequestRetry", "required", "supportsMessage" ]);
         // @docs-props-type FilePropsBase
-                var I = (0, n.useState)(false), _ = Dr(I, 2), E = _[0], R = _[1];
-        var O = (0, n.useState)(false), j = Dr(O, 2), A = j[0], P = j[1];
+                var E = (0, r.useState)(false), I = Wn(E, 2), _ = I[0], R = I[1];
+        var O = (0, r.useState)(false), A = Wn(O, 2), T = A[0], P = A[1];
         /* Each time a file is uploaded this is incremented and used to generate the
-   * file input's key. In this way we get a new input without a value. */        var D = (0, 
-        n.useState)(0), M = Dr(D, 2), T = M[0], $ = M[1];
-        var N = (0, y.createDOMID)();
-        var B = (0, n.useCallback)((function(e) {
+   * file input's key. In this way we get a new input without a value. */        var j = (0, 
+        r.useState)(0), N = Wn(j, 2), D = N[0], M = N[1];
+        var $ = (0, y.createDOMID)();
+        var B = (0, r.useCallback)((function(e) {
             if (e !== undefined && e.length > 0) {
-                var r = Array.from(e);
-                k === null || k === void 0 ? void 0 : k(a ? r : [ r[0] ], {
+                var n = Array.from(e);
+                k === null || k === void 0 ? void 0 : k(a ? n : [ n[0] ], {
                     name: h
                 });
             } else {
@@ -643,141 +768,141 @@
                     name: h
                 });
             }
-            $((function(e) {
+            M((function(e) {
                 return e + 1;
             }));
         }), [ a, h, k ]);
-        var X = (0, n.useCallback)((function(e) {
-            var r;
-            B((r = e.currentTarget.files) !== null && r !== void 0 ? r : undefined);
+        var L = (0, r.useCallback)((function(e) {
+            var n;
+            B((n = e.currentTarget.files) !== null && n !== void 0 ? n : undefined);
         }), [ B ]);
-        var L = (0, n.useCallback)((function() {
+        var X = (0, r.useCallback)((function() {
             P(true);
         }), []);
-        var U = (0, n.useCallback)((function() {
+        var U = (0, r.useCallback)((function() {
             P(false);
         }), []);
-        var W = (0, n.useCallback)((function(e) {
-            if (!E) {
+        var W = (0, r.useCallback)((function(e) {
+            if (!_) {
                 R(true);
             }
             e.preventDefault();
-        }), [ E ]);
-        var z = (0, n.useMemo)((function() {
-            return o()((function() {
+        }), [ _ ]);
+        var z = (0, r.useMemo)((function() {
+            return l()((function() {
                 return R(false);
             }), 300);
         }), [ R ]);
-        var H = (0, n.useCallback)((function(e) {
-            var r;
+        var H = (0, r.useCallback)((function(e) {
+            var n;
             e.preventDefault();
             z();
-            B((r = e.dataTransfer) === null || r === void 0 ? void 0 : r.files);
+            B((n = e.dataTransfer) === null || n === void 0 ? void 0 : n.files);
         }), [ B, z ]);
-        var J = (0, n.useCallback)((function(e) {
-            var r = e.name, n = e.index, t = e.itemId;
-            w === null || w === void 0 ? void 0 : w({
+        var J = (0, r.useCallback)((function(e) {
+            var n = e.name, r = e.index, t = e.itemId;
+            q === null || q === void 0 ? void 0 : q({
                 event: e,
-                filename: r,
-                index: n,
+                filename: n,
+                index: r,
                 itemId: t,
                 name: h
             });
-        }), [ h, w ]);
-        var G = (0, n.useCallback)((function(e) {
-            var r = e.name, n = e.index, t = e.itemId;
-            q === null || q === void 0 ? void 0 : q({
+        }), [ h, q ]);
+        var G = (0, r.useCallback)((function(e) {
+            var n = e.name, r = e.index, t = e.itemId;
+            S === null || S === void 0 ? void 0 : S({
                 event: e,
-                filename: r,
-                index: n,
+                filename: n,
+                index: r,
                 itemId: t,
                 name: h
             });
-        }), [ h, q ]);
-        var Z = n.Children.toArray(i).filter(n.isValidElement).map((function(e, r) {
+        }), [ h, S ]);
+        var V = r.Children.toArray(i).filter(r.isValidElement).map((function(e, n) {
             
-            return (0, n.cloneElement)(e, {
-                index: r,
-                key: e.key || e.props.itemId || "item-".concat(r)
+            return (0, r.cloneElement)(e, {
+                index: n,
+                key: e.key || e.props.itemId || "item-".concat(n)
             });
         }));
-        var V = b || s;
-        var K = V || l;
-        var Q = V && !l;
-        var Y = l ? false : E || false;
+        var Z = b || s;
+        var K = Z || o;
+        var Q = Z && !o;
+        var Y = o ? false : _ || false;
         var ee = b ? "full" : "normal";
-        var re = c()(r) && d()(r.split(",").join(", "));
-        var ne = V ? (0, f._)("Drop your file anywhere or click this area to upload") : (0, 
-        f._)("Click or drag file to this area to upload");
-        var te = x;
+        var ne = c()(n) && d()(n.split(",").join(", "));
+        var re = Z ? (0, v._)("Drop your file anywhere or click this area to upload") : (0, 
+        v._)("Click or drag file to this area to upload");
+        var te = F;
         if (!te) {
-            te = r ? (0, m.sprintf)((0, f._)("Supports %(fileTypes)s"), {
-                fileTypes: re
-            }) : (0, f._)("Supports all file types");
+            te = n ? (0, m.sprintf)((0, v._)("Supports %(fileTypes)s"), {
+                fileTypes: ne
+            }) : (0, v._)("Supports all file types");
         }
-        var ae = (0, n.useMemo)((function() {
+        var ae = (0, r.useMemo)((function() {
             return {
-                disabled: !!l,
-                onRequestRemove: q ? G : undefined,
-                onRequestRetry: w ? J : undefined
+                disabled: !!o,
+                onRequestRemove: S ? G : undefined,
+                onRequestRetry: q ? J : undefined
             };
-        }), [ l, G, J, q, w ]);
+        }), [ o, G, J, S, q ]);
         
-        return t().createElement(Fr, Pr({
+        return t().createElement(En, Un({
             ref: u,
             "data-test": "file",
-            "data-test-disabled": l,
+            "data-test-disabled": o ? "disabled" : undefined,
             "data-test-error": !!p
-        }, F),  t().createElement("label", {
-            htmlFor: N,
+        }, x),  t().createElement("label", {
+            htmlFor: $,
             "data-test": "file-label"
-        },  t().createElement(Rr, {
+        },  t().createElement(On, {
             "data-test": "file-drop-target",
             onDragOver: K ? undefined : W,
             onDragLeave: K ? undefined : z,
             onDrop: K ? undefined : H,
-            $disabled: !!l,
+            $disabled: !!o,
             $dragOver: Y,
             $error: !!p,
             $screenMode: ee,
-            $focused: A
-        },  t().createElement(Ir, {
+            $focused: T
+        },  t().createElement(In, {
             $screenMode: ee
-        }),  t().createElement(xr, {
-            accept: r,
+        }),  t().createElement(xn, {
+            accept: n,
             "data-test": "file-input",
-            disabled: l,
-            id: N,
-            key: "file-input-".concat(T),
+            disabled: o,
+            id: $,
+            key: "file-input-".concat(D),
             multiple: a || undefined,
             onBlur: U,
-            onChange: X,
-            onFocus: L,
-            required: S,
+            onChange: L,
+            onFocus: X,
+            required: w,
             type: "file"
-        }),  t().createElement(_r, null, ne),  t().createElement(Er, {
+        }),  t().createElement(_n, null, re),  t().createElement(Rn, {
             "data-test": "file-supports"
-        }, te), Q && E &&  t().createElement(jr, {
+        }, te), Q && _ &&  t().createElement(Tn, {
             "data-test": "file-window-drop",
             onDragLeave: z
-        }), Q &&  t().createElement(t().Fragment, null,  t().createElement(v(), {
-            target: window,
+        }), Q &&  t().createElement(t().Fragment, null,  t().createElement(f(), {
+            target: Xn,
             eventType: "dragover",
             listener: W
-        }),  t().createElement(v(), {
-            target: window,
+        }),  t().createElement(f(), {
+            target: Xn,
             eventType: "drop",
             listener: H
-        })))), !l && g &&  t().createElement(Or, {
+        })))), !o && g &&  t().createElement(An, {
             "data-test": "help"
         }, g),  t().createElement(C.Provider, {
             value: ae
-        },  t().createElement(Ar, null, Z)));
+        },  t().createElement(Pn, null, V)));
     }
-    Wr.propTypes = Ur;
-    Wr.componentType = "File";
-    Wr.Item = kr;
-    /* harmony default export */    const zr = Wr;
+    Yn.propTypes = Qn;
+    Yn.componentType = "File";
+    Yn.Item = Sn;
+    /* harmony default export */    const er = Yn;
     // CONCATENATED MODULE: ./src/File/index.ts
-    module.exports = r;
+    module.exports = n;
     /******/})();