@splunk/react-ui 5.0.0-beta.3 → 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 */ br,
-        default: () => /* reexport */ Lr
+        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 l =  e.n(a);
+    var i =  e.n(a);
     // CONCATENATED MODULE: external "lodash/debounce"
-    const i = require("lodash/debounce");
-    var o =  e.n(i);
+    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,10 +95,10 @@
     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 S =  e.n(q);
+    const S = require("@splunk/react-icons/ArrowsCircularDouble");
+    var q =  e.n(S);
     // CONCATENATED MODULE: ./src/File/FileContext.tsx
-    var w =  (0, n.createContext)({
+    var w =  (0, r.createContext)({
         disabled: false
     });
     w.displayName = "File";
@@ -107,41 +107,41 @@
     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 A =  e.n(O);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileDb"
-    const P = require("@splunk/react-icons/FileDb");
-    var j =  e.n(P);
+    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 z =  e.n(U);
+    var W =  e.n(U);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileHtm"
-    const H = require("@splunk/react-icons/FileHtm");
-    var W =  e.n(H);
+    const z = require("@splunk/react-icons/FileHtm");
+    var H =  e.n(z);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileHtml"
     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 le = require("@splunk/react-icons/FileLog");
-    var ie =  e.n(le);
+    const ie = require("@splunk/react-icons/FileLog");
+    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,8 +179,8 @@
     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 Se =  e.n(qe);
+    const Se = require("@splunk/react-icons/FilePpt");
+    var qe =  e.n(Se);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileRar"
     const we = require("@splunk/react-icons/FileRar");
     var Ce =  e.n(we);
@@ -188,441 +188,579 @@
     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 Ae =  e.n(Oe);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileTGZ"
-    const Pe = require("@splunk/react-icons/FileTGZ");
-    var je =  e.n(Pe);
+    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 ze =  e.n(Ue);
+    var We =  e.n(Ue);
     // CONCATENATED MODULE: external "@splunk/react-icons/Paperclip"
-    const He = require("@splunk/react-icons/Paperclip");
-    var We =  e.n(He);
+    const ze = require("@splunk/react-icons/Paperclip");
+    var He =  e.n(ze);
+    // CONCATENATED MODULE: external "styled-components"
+    const Je = require("styled-components");
+    var Ge =  e.n(Je);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Progress"
+    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 en = require("@splunk/react-icons/FileRipped");
+    var nn =  e.n(en);
+    // CONCATENATED MODULE: ./src/File/ItemStyles.ts
+    var rn = Ge().div.withConfig({
+        displayName: "ItemStyles__StyledItemWrapper",
+        componentId: "sc-1fsk3kr-0"
+    })([ "", ";flex-direction:column;gap:", ";" ], Ke.mixins.reset("flex"), Ke.variables.spacingXSmall);
+    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 n = e.$inProgress;
+        return n && (0, Je.css)([ "color:", ";" ], Ke.variables.contentColorDefault);
+    }), (function(e) {
+        var n = e.$disabled;
+        return n && (0, Je.css)([ "cursor:not-allowed;color:", ";" ], Ke.variables.contentColorDisabled);
+    }));
+    var an = Ge()(nn()).withConfig({
+        displayName: "ItemStyles__StyledErrorIcon",
+        componentId: "sc-1fsk3kr-2"
+    })([ "fill:", ";" ], Ke.variables.contentColorNegative);
+    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:", ";}}" ], 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 cn = Ge()(Ze()).withConfig({
+        displayName: "ItemStyles__StyledProgress",
+        componentId: "sc-1fsk3kr-5"
+    })([ "width:80px;height:6px;" ]);
+    var un = Ge()(Ye()).withConfig({
+        displayName: "ItemStyles__StyledButton",
+        componentId: "sc-1fsk3kr-6"
+    })([ "&:not([disabled],[aria-disabled='true']){color:", ";}" ], Ke.variables.contentColorActive);
+    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 Je = {
+    var pn = {
         aif: x(),
         aiff: x(),
-        css: _(),
+        css: I(),
         csv: R(),
         dat: A(),
-        db: j(),
-        dbf: M(),
-        doc: $(),
+        db: P(),
+        dbf: N(),
+        doc: M(),
         eps: B(),
-        fig: L(),
-        gif: z(),
-        htm: W(),
+        fig: X(),
+        gif: W(),
+        htm: H(),
         html: G(),
-        ico: V(),
+        ico: Z(),
         jpg: Q(),
         js: ee(),
-        json: ne(),
+        json: re(),
         jsx: ae(),
-        log: ie(),
+        log: oe(),
         mid: se(),
         mp3: ue(),
         mp4: pe(),
-        mpg: fe(),
+        mpg: ve(),
         pdf: ye(),
         php: ge(),
         png: ke(),
-        ppt: Se(),
+        ppt: qe(),
         rar: Ce(),
         rtf: xe(),
-        sql: _e(),
+        sql: Ie(),
         svg: Re(),
         txt: Ae(),
-        tgz: je(),
-        tiff: Me(),
-        wav: $e(),
+        tgz: Pe(),
+        tiff: Ne(),
+        wav: Me(),
         xls: Be(),
-        xml: Le(),
-        zip: ze()
+        xml: Xe(),
+        zip: We()
     };
-    var Ge = function e(r) {
-        var n;
-        var a = r.name, l = a === void 0 ? "" : a;
-        var i = ((n = l.split(".").pop()) === null || n === void 0 ? void 0 : n.toLowerCase()) || "";
-        var o = Je[i] || We();
+    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(ln, null, o);
+        }
+        var l = ((r = i.split(".").pop()) === null || r === void 0 ? void 0 : r.toLowerCase()) || "";
+        var s = pn[l] || He();
         
-        return t().createElement(o, {
+        return t().createElement(s, {
             "aria-hidden": "true"
         });
     };
-    /* harmony default export */    const Ze = Ge;
-    // CONCATENATED MODULE: external "styled-components"
-    const Ve = require("styled-components");
-    var Ke =  e.n(Ve);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Progress"
-    const Qe = require("@splunk/react-ui/Progress");
-    var Ye =  e.n(Qe);
-    // CONCATENATED MODULE: external "@splunk/themes"
-    const er = require("@splunk/themes");
-    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const rr = require("@splunk/react-ui/Button");
-    var nr =  e.n(rr);
-    // CONCATENATED MODULE: external "@splunk/react-icons/FileRipped"
-    const tr = require("@splunk/react-icons/FileRipped");
-    var ar =  e.n(tr);
-    // CONCATENATED MODULE: ./src/File/ItemStyles.ts
-    var lr = Ke().div.withConfig({
-        displayName: "ItemStyles__StyledItemWrapper",
-        componentId: "sc-1fsk3kr-0"
-    })([ "", ";flex-direction:column;gap:", ";" ], er.mixins.reset("flex"), er.variables.spacingXSmall);
-    var ir = Ke().div.withConfig({
-        displayName: "ItemStyles__StyledItem",
-        componentId: "sc-1fsk3kr-1"
-    })([ "display:flex;align-items:center;max-width:400px;padding:", " ", ";gap:", ";color:", ";", " ", ";& *:is(button){flex:none;}" ], er.variables.spacingXSmall, er.variables.spacingSmall, er.variables.spacingXSmall, er.variables.contentColorActive, (function(e) {
-        var r = e.$inProgress;
-        return r && (0, Ve.css)([ "color:", ";" ], er.variables.contentColorDefault);
-    }), (function(e) {
-        var r = e.$disabled;
-        return r && (0, Ve.css)([ "cursor:not-allowed;color:", ";" ], er.variables.contentColorDisabled);
-    }));
-    var or = Ke()(ar()).withConfig({
-        displayName: "ItemStyles__StyledErrorIcon",
-        componentId: "sc-1fsk3kr-2"
-    })([ "fill:", ";" ], er.variables.contentColorNegative);
-    var sr = Ke().div.withConfig({
-        displayName: "ItemStyles__StyledLabel",
-        componentId: "sc-1fsk3kr-3"
-    })([ "overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1 0 0;" ]);
-    var cr = Ke()(Ye()).withConfig({
-        displayName: "ItemStyles__StyledProgress",
-        componentId: "sc-1fsk3kr-4"
-    })([ "width:80px;height:6px;" ]);
-    var ur = Ke()(nr()).withConfig({
-        displayName: "ItemStyles__StyledButton",
-        componentId: "sc-1fsk3kr-5"
-    })([ "&:not([disabled],[aria-disabled='true']){color:", ";}" ], er.variables.contentColorActive);
-    var dr = Ke().div.withConfig({
-        displayName: "ItemStyles__StyledErrorText",
-        componentId: "sc-1fsk3kr-6"
-    })([ "", ";color:", ";padding:", ";" ], er.mixins.typography("smallBody"), er.variables.contentColorNegative, er.variables.spacingXSmall);
+    /* harmony default export */    const vn = fn;
     // CONCATENATED MODULE: ./src/File/Item.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 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;
-        }, pr.apply(null, arguments);
+        }, mn.apply(null, arguments);
     }
-    function vr(e, r) {
+    function yn(e, n) {
         if (null == e) return {};
-        var n, t, a = fr(e, r);
+        var r, t, a = bn(e, n);
         if (Object.getOwnPropertySymbols) {
-            var l = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < l.length; t++) {
-                n = l[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
+            var i = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < i.length; t++) {
+                r = i[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
         return a;
     }
-    function fr(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 mr = {
-        disabled: l().bool,
-        elementRef: l().oneOfType([ l().func, l().object ]),
-        error: l().bool,
+    var gn = {
+        disabled: i().bool,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        error: i().bool,
+        /** @private */
+        icon: i().node,
         /** @private */
-        index: l().number,
-        itemId: l().any,
-        name: l().string.isRequired,
+        index: i().number,
+        itemId: i().any,
+        name: i().string.isRequired,
         /** If the uploadPercentage is 0, the item is assumed to be queued. If the upload is complete or
    * not applicable, uploadPercentage must be undefined. */
-        uploadPercentage: l().number
+        uploadPercentage: i().number
     };
-    function yr(e) {
-        var r = e.disabled, a = e.elementRef, l = e.error, i = l === void 0 ? false : l, o = e.itemId, s = e.name, c = e.index, u = c === void 0 ? 0 : c, d = e.uploadPercentage, p = vr(e, [ "disabled", "elementRef", "error", "itemId", "name", "index", "uploadPercentage" ]);
+    var hn =  t().createElement(an, {
+        variant: "filled"
+    });
+    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 v = (0, n.useContext)(w), y = v.onRequestRemove;
-        var b = (0, n.useCallback)((function(e) {
+                var y = (0, r.useContext)(w), b = y.onRequestRemove;
+        var h = (0, r.useCallback)((function(e) {
             e.preventDefault();
-            y === null || y === void 0 ? void 0 : y({
-                itemId: o,
-                name: s,
-                index: u
+            b === null || b === void 0 ? void 0 : b({
+                itemId: s,
+                name: c,
+                index: d
             });
-        }), [ y, o, s, u ]);
-        var h = (0, n.useContext)(w), q = h.onRequestRetry;
-        var C = (0, n.useCallback)((function(e) {
+        }), [ b, s, c, d ]);
+        var S = (0, r.useContext)(w), C = S.onRequestRetry;
+        var F = (0, r.useCallback)((function(e) {
             e.preventDefault();
-            q === null || q === void 0 ? void 0 : q({
-                itemId: o,
-                name: s,
-                index: u
+            C === null || C === void 0 ? void 0 : C({
+                itemId: s,
+                name: c,
+                index: d
             });
-        }), [ q, o, s, u ]);
-        var F = (0, n.useContext)(w), x = F.disabled;
-        var I = (0, m.sprintf)((0, f._)('Remove "%(filename)s"'), {
-            filename: s
+        }), [ C, s, c, d ]);
+        var x = (0, r.useContext)(w), E = x.disabled;
+        var I = (0, m.sprintf)((0, v._)('Remove "%(filename)s"'), {
+            filename: c
         });
-        var _ = (0, m.sprintf)((0, f._)('Retry "%(filename)s"'), {
-            filename: s
+        var _ = (0, m.sprintf)((0, v._)('Retry "%(filename)s"'), {
+            filename: c
         });
-        var E = (0, m.sprintf)((0, f._)('Uploading "%(filename)s"'), {
-            filename: s
+        var R = (0, m.sprintf)((0, v._)('Uploading "%(filename)s"'), {
+            filename: c
         });
-        var R = (0, f._)("Remove");
-        var O = r !== undefined ? r : x;
-        var A = d !== undefined && d > 0;
-        var P = i ?  t().createElement(or, {
-            variant: "filled"
-        }) :  t().createElement(Ze, {
-            name: s
+        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: l
         });
         
-        return t().createElement(lr, null,  t().createElement(ir, pr({
+        return t().createElement(rn, null,  t().createElement(tn, mn({
             "data-test": "item",
-            "data-test-disabled": O,
-            "data-test-error": i,
+            "data-test-disabled": A ? "disabled" : undefined,
+            "data-test-error": o,
             ref: a
-        }, p, {
-            $disabled: O,
-            $inProgress: A
-        }), P,  t().createElement(sr, {
+        }, f, {
+            $disabled: A,
+            $inProgress: T
+        }), P,  t().createElement(sn, {
             "data-test": "label"
-        }, s), A &&  t().createElement(t().Fragment, null,  t().createElement(cr, {
-            percentage: d,
-            "aria-label": E
-        }),  t().createElement("span", null, d, "%")), q && i &&  t().createElement(ur, {
+        }, c), T &&  t().createElement(t().Fragment, null,  t().createElement(cn, {
+            percentage: p,
+            "aria-label": R
+        }),  t().createElement("span", null, p, "%")), C && o &&  t().createElement(un, {
             "data-test": "retry",
-            onClick: C,
+            onClick: F,
             "aria-label": _,
             appearance: "subtle"
-        },  t().createElement(S(), {
-            "aria-label": (0, f._)("Retry")
-        })), !O && (d === undefined && !i ?  t().createElement(ur, {
+        },  t().createElement(q(), {
+            "aria-label": (0, v._)("Retry")
+        })), !A && (p === undefined && !o ?  t().createElement(un, {
             "data-test": "remove",
-            onClick: b,
+            onClick: h,
             "aria-label": I,
             appearance: "subtle"
         },  t().createElement(k(), {
-            "aria-label": R
-        })) :  t().createElement(ur, {
+            "aria-label": O
+        })) :  t().createElement(un, {
             "data-test": "remove",
-            onClick: b,
+            onClick: h,
             "aria-label": I,
             appearance: "subtle"
         },  t().createElement(g(), {
-            "aria-label": R
-        })))), i &&  t().createElement(dr, null, (0, f._)("Something went wrong.")));
+            "aria-label": O
+        })))), o &&  t().createElement(dn, null, (0, v._)("Something went wrong.")));
     }
-    yr.propTypes = mr;
-    /* harmony default export */    const br = yr;
+    kn.propTypes = gn;
+    /* harmony default export */    const Sn = kn;
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowBroadUnderbarUp"
-    const gr = require("@splunk/react-icons/ArrowBroadUnderbarUp");
-    var hr =  e.n(gr);
+    const qn = require("@splunk/react-icons/ArrowBroadUnderbarUp");
+    var wn =  e.n(qn);
     // CONCATENATED MODULE: ./src/File/FileStyles.ts
-    var kr = "24px";
-    var qr = "150px";
-    var Sr = Ke().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 wr = Ke().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:", ";" ], er.variables.spacingSmall);
-    var Cr = Ke()(hr()).withConfig({
+    })([ "display:flex;flex-direction:column;gap:", ";" ], Ke.variables.spacingSmall);
+    var In = Ge()(wn()).withConfig({
         displayName: "FileStyles__StyledUploadIcon",
         componentId: "sc-1wyh4cf-2"
-    })([ "width:", ";height:", ";fill:", ";" ], kr, kr, er.variables.contentColorActive);
-    var Fr = Ke().div.withConfig({
+    })([ "width:", ";height:", ";fill:", ";" ], Cn, Cn, Ke.variables.contentColorActive);
+    var _n = Ge().div.withConfig({
         displayName: "FileStyles__StyledInstructionText",
         componentId: "sc-1wyh4cf-3"
-    })([ "", ";" ], er.mixins.typography("body", {
+    })([ "", ";" ], Ke.mixins.typography("body", {
         color: "active",
         weight: "semiBold"
     }));
-    var xr = Ke().div.withConfig({
+    var Rn = Ge().div.withConfig({
         displayName: "FileStyles__StyledFileTypeSupportMessage",
         componentId: "sc-1wyh4cf-4"
-    })([ "color:", ";text-align:center;" ], er.variables.contentColorDefault);
-    var Ir = Ke().div.withConfig({
+    })([ "color:", ";text-align:center;" ], Ke.variables.contentColorDefault);
+    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;", " ", " ", " ", " ", " ", " ", "" ], er.mixins.reset("flex"), qr, er.variables.spacingXSmall, er.variables.spacingSmall, er.variables.borderRadius, (function(e) {
-        var r = e.$disabled;
-        return !r && (0, Ve.css)([ "&:hover{background-color:", ";", "{color:", ";}", "{fill:", ";}}" ], er.variables.actionColorBackgroundSubtleHover, /* sc-sel */ Fr, er.variables.contentColorAccentStrong, /* sc-sel */ Cr, er.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, Ve.css)([ "border:1px dashed ", ";" ], er.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, Ve.css)([ "", "{color:", ";}", "{fill:", ";}" ], /* sc-sel */ Fr, er.variables.contentColorAccentStrong, /* sc-sel */ Cr, er.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, Ve.css)([ "background-color:", ";" ], er.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, Ve.css)([ "box-shadow:", ";" ], er.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, Ve.css)([ "border-color:", ";cursor:not-allowed;", ",", "{color:", ";}", "{fill:", ";}" ], er.variables.borderColorWeak, /* sc-sel */ Fr, /* sc-sel */ xr, er.variables.contentColorDisabled, /* sc-sel */ Cr, er.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, Ve.css)([ "border-color:", ";" ], er.variables.interactiveColorAccentError);
+        var n = e.$error, r = e.$dragOver;
+        return n && !r && (0, Je.css)([ "border-color:", ";" ], Ke.variables.interactiveColorAccentError);
     }));
-    var _r = Ke().div.withConfig({
+    var An = Ge().div.withConfig({
         displayName: "FileStyles__StyledHelp",
         componentId: "sc-1wyh4cf-6"
-    })([ "", ";" ], er.mixins.typography("smallBody"));
-    var Er = Ke().div.withConfig({
+    })([ "", ";" ], Ke.mixins.typography("smallBody"));
+    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;" ], er.variables.zindexModal);
-    var Rr = Ke().div.withConfig({
+    })([ "position:fixed;top:0;left:0;right:0;bottom:0;z-index:", " + 10;" ], Ke.variables.zindexModal);
+    var Pn = Ge().div.withConfig({
         displayName: "FileStyles__StyledFileList",
         componentId: "sc-1wyh4cf-8"
-    })([ "display:flex;flex-direction:column;gap:", ";" ], er.variables.spacingXSmall);
+    })([ "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 Or() {
-        return Or = 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;
-        }, Or.apply(null, arguments);
+        }, Un.apply(null, arguments);
     }
-    function Ar(e, r) {
-        return Tr(e) || Mr(e, r) || jr(e, r) || Pr();
+    function Wn(e, n) {
+        return Vn(e) || Gn(e, n) || Hn(e, n) || zn();
     }
-    function Pr() {
+    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 jr(e, r) {
+    function Hn(e, n) {
         if (e) {
-            if ("string" == typeof e) return Dr(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) ? Dr(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 Dr(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 Mr(e, r) {
-        var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-        if (null != n) {
-            var t, a, l, i, 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 (l = (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 = l.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"] && (i = n["return"](), Object(i) !== i)) return;
+                    if (!s && null != r["return"] && (o = r["return"](), Object(o) !== o)) return;
                 } finally {
                     if (c) throw a;
                 }
             }
-            return o;
+            return l;
         }
     }
-    function Tr(e) {
+    function Vn(e) {
         if (Array.isArray(e)) return e;
     }
-    function $r(e, r) {
+    function Zn(e, n) {
         if (null == e) return {};
-        var n, t, a = Nr(e, r);
+        var r, t, a = Kn(e, n);
         if (Object.getOwnPropertySymbols) {
-            var l = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < l.length; t++) {
-                n = l[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
+            var i = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < i.length; t++) {
+                r = i[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
         return a;
     }
-    function Nr(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 Br = {
-        accept: l().string,
-        allowMultiple: l().bool,
-        children: l().node,
-        disabled: l().bool,
-        dropAnywhere: l().bool,
-        elementRef: l().oneOfType([ l().func, l().object ]),
-        fullscreen: l().bool,
-        error: l().bool,
-        help: l().node,
-        name: l().string,
-        onRequestAdd: l().func,
-        onRequestRemove: l().func,
-        onRequestRetry: l().func,
+    /** @public */    var Qn = {
+        accept: i().string,
+        allowMultiple: i().bool,
+        children: i().node,
+        disabled: i().bool,
+        dropAnywhere: i().bool,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        fullscreen: i().bool,
+        error: i().bool,
+        help: i().node,
+        name: i().string,
+        onRequestAdd: i().func,
+        onRequestRemove: i().func,
+        onRequestRetry: i().func,
         /** @private. */
-        required: l().bool,
-        supportsMessage: l().node
+        required: i().bool,
+        supportsMessage: i().node
     };
     /**
  * 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 Xr(e) {
-        var r = e.accept, a = e.allowMultiple, l = e.children, i = 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, S = e.onRequestRetry, w = e.required, F = e.supportsMessage, x = $r(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), _ = Ar(I, 2), E = _[0], R = _[1];
-        var O = (0, n.useState)(false), A = Ar(O, 2), P = A[0], j = A[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 = Ar(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 {
@@ -630,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() {
-            j(true);
+        var X = (0, r.useCallback)((function() {
+            P(true);
         }), []);
-        var U = (0, n.useCallback)((function() {
-            j(false);
+        var U = (0, r.useCallback)((function() {
+            P(false);
         }), []);
-        var z = (0, n.useCallback)((function(e) {
-            if (!E) {
+        var W = (0, r.useCallback)((function(e) {
+            if (!_) {
                 R(true);
             }
             e.preventDefault();
-        }), [ E ]);
-        var H = (0, n.useMemo)((function() {
-            return o()((function() {
+        }), [ _ ]);
+        var z = (0, r.useMemo)((function() {
+            return l()((function() {
                 return R(false);
             }), 300);
         }), [ R ]);
-        var W = (0, n.useCallback)((function(e) {
-            var r;
+        var H = (0, r.useCallback)((function(e) {
+            var n;
             e.preventDefault();
-            H();
-            B((r = e.dataTransfer) === null || r === void 0 ? void 0 : r.files);
-        }), [ B, H ]);
-        var J = (0, n.useCallback)((function(e) {
-            var r = e.name, n = e.index, t = e.itemId;
-            S === null || S === void 0 ? void 0 : S({
+            z();
+            B((n = e.dataTransfer) === null || n === void 0 ? void 0 : n.files);
+        }), [ B, z ]);
+        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, S ]);
-        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(l).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 || i;
-        var Q = V && !i;
-        var Y = i ? 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 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: !!i,
-                onRequestRemove: q ? G : undefined,
-                onRequestRetry: S ? J : undefined
+                disabled: !!o,
+                onRequestRemove: S ? G : undefined,
+                onRequestRetry: q ? J : undefined
             };
-        }), [ i, G, J, q, S ]);
+        }), [ o, G, J, S, q ]);
         
-        return t().createElement(wr, Or({
+        return t().createElement(En, Un({
             ref: u,
             "data-test": "file",
-            "data-test-disabled": i,
+            "data-test-disabled": o ? "disabled" : undefined,
             "data-test-error": !!p
         }, x),  t().createElement("label", {
-            htmlFor: N,
+            htmlFor: $,
             "data-test": "file-label"
-        },  t().createElement(Ir, {
+        },  t().createElement(On, {
             "data-test": "file-drop-target",
-            onDragOver: K ? undefined : z,
-            onDragLeave: K ? undefined : H,
-            onDrop: K ? undefined : W,
-            $disabled: !!i,
+            onDragOver: K ? undefined : W,
+            onDragLeave: K ? undefined : z,
+            onDrop: K ? undefined : H,
+            $disabled: !!o,
             $dragOver: Y,
             $error: !!p,
             $screenMode: ee,
-            $focused: P
-        },  t().createElement(Cr, {
+            $focused: T
+        },  t().createElement(In, {
             $screenMode: ee
-        }),  t().createElement(Sr, {
-            accept: r,
+        }),  t().createElement(xn, {
+            accept: n,
             "data-test": "file-input",
-            disabled: i,
-            id: N,
-            key: "file-input-".concat(T),
+            disabled: o,
+            id: $,
+            key: "file-input-".concat(D),
             multiple: a || undefined,
             onBlur: U,
-            onChange: X,
-            onFocus: L,
+            onChange: L,
+            onFocus: X,
             required: w,
             type: "file"
-        }),  t().createElement(Fr, null, ne),  t().createElement(xr, {
+        }),  t().createElement(_n, null, re),  t().createElement(Rn, {
             "data-test": "file-supports"
-        }, te), Q && E &&  t().createElement(Er, {
+        }, te), Q && _ &&  t().createElement(Tn, {
             "data-test": "file-window-drop",
-            onDragLeave: H
-        }), Q &&  t().createElement(t().Fragment, null,  t().createElement(v(), {
-            target: window,
+            onDragLeave: z
+        }), Q &&  t().createElement(t().Fragment, null,  t().createElement(f(), {
+            target: Xn,
             eventType: "dragover",
-            listener: z
-        }),  t().createElement(v(), {
-            target: window,
-            eventType: "drop",
             listener: W
-        })))), !i && g &&  t().createElement(_r, {
+        }),  t().createElement(f(), {
+            target: Xn,
+            eventType: "drop",
+            listener: H
+        })))), !o && g &&  t().createElement(An, {
             "data-test": "help"
         }, g),  t().createElement(C.Provider, {
             value: ae
-        },  t().createElement(Rr, null, Z)));
+        },  t().createElement(Pn, null, V)));
     }
-    Xr.propTypes = Br;
-    Xr.componentType = "File";
-    Xr.Item = br;
-    /* harmony default export */    const Lr = Xr;
+    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;
     /******/})();