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

package/File.js

@@ -1,151 +1,34 @@
 /******/ (() => {
     // webpackBootstrap
     /******/ "use strict";
-    /******/    var e = {
-        /***/ 6165: 
-        /***/ (e, r, t) => {
-            // EXPORTS
-            t.d(r, {
-                default: () => /* reexport */ b
-            });
-            // EXTERNAL MODULE: external "react"
-                        var a = t(9497);
-            var n =  t.n(a);
-            // EXTERNAL MODULE: external "prop-types"
-                        var i = t(23);
-            var o =  t.n(i);
-            // EXTERNAL MODULE: external "styled-components"
-                        var l = t(232);
-            var s =  t.n(l);
-            // EXTERNAL MODULE: external "@splunk/themes"
-                        var c = t(3563);
-            // CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContentStyles.ts
-            var d = s().span.withConfig({
-                displayName: "ScreenReaderContentStyles__Styled",
-                componentId: "sc-1lnohwp-0"
-            })([ "", ";" ], c.mixins.screenReaderContent());
-            // CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContent.tsx
-            function p() {
-                return p = Object.assign ? Object.assign.bind() : function(e) {
-                    for (var r = 1; r < arguments.length; r++) {
-                        var t = arguments[r];
-                        for (var a in t) {
-                            ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
-                        }
-                    }
-                    return e;
-                }, p.apply(null, arguments);
-            }
-            function u(e, r) {
-                if (null == e) return {};
-                var t, a, n = v(e, r);
-                if (Object.getOwnPropertySymbols) {
-                    var i = Object.getOwnPropertySymbols(e);
-                    for (a = 0; a < i.length; a++) {
-                        t = i[a], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
-                    }
-                }
-                return n;
-            }
-            function v(e, r) {
-                if (null == e) return {};
-                var t = {};
-                for (var a in e) {
-                    if ({}.hasOwnProperty.call(e, a)) {
-                        if (r.includes(a)) continue;
-                        t[a] = e[a];
-                    }
-                }
-                return t;
-            }
-            var f = {
-                children: o().node.isRequired,
-                elementRef: o().oneOfType([ o().func, o().object ])
-            };
-            /**
- * The screen reader text is used to wrap content that
- * is only accessible through screen readers.
- */            function m(e) {
-                var r = e.children, t = e.elementRef, a = u(e, [ "children", "elementRef" ]);
-                // @docs-props-type ScreenReaderContentPropsBase
-                                
-                return n().createElement(d, p({
-                    "data-test": "screen-reader-content",
-                    ref: t
-                }, a), r);
-            }
-            m.propTypes = f;
-            /* harmony default export */            const b = m;
-        } // CONCATENATED MODULE: ./src/ScreenReaderContent/index.ts
-        /***/ ,
-        /***/ 3563: 
-        /***/ e => {
-            e.exports = require("@splunk/themes");
-            /***/        },
-        /***/ 23: 
-        /***/ e => {
-            e.exports = require("prop-types");
-            /***/        },
-        /***/ 9497: 
-        /***/ e => {
-            e.exports = require("react");
-            /***/        },
-        /***/ 232: 
-        /***/ e => {
-            e.exports = require("styled-components");
-            /***/
-            /******/        }
-    };
-    /************************************************************************/
-    /******/ // The module cache
-    /******/    var r = {};
-    /******/
-    /******/ // The require function
-    /******/    function t(a) {
-        /******/ // Check if module is in cache
-        /******/ var n = r[a];
-        /******/        if (n !== undefined) {
-            /******/ return n.exports;
-            /******/        }
-        /******/ // Create a new module (and put it into the cache)
-        /******/        var i = r[a] = {
-            /******/ // no module.id needed
-            /******/ // no module.loaded needed
-            /******/ exports: {}
-            /******/        };
-        /******/
-        /******/ // Execute the module function
-        /******/        e[a](i, i.exports, t);
-        /******/
-        /******/ // Return the exports of the module
-        /******/        return i.exports;
-        /******/    }
+    /******/ // The require scope
+    /******/    var e = {};
     /******/
     /************************************************************************/
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ t.n = e => {
-            /******/ var r = e && e.__esModule ? 
-            /******/ () => e["default"]
-            /******/ : () => e
+        /******/ e.n = r => {
+            /******/ var n = r && r.__esModule ? 
+            /******/ () => r["default"]
+            /******/ : () => r
             /******/;
-            t.d(r, {
-                a: r
+            e.d(n, {
+                a: n
             });
-            /******/            return r;
+            /******/            return n;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ t.d = (e, r) => {
-            /******/ for (var a in r) {
-                /******/ if (t.o(r, a) && !t.o(e, a)) {
-                    /******/ Object.defineProperty(e, a, {
+        /******/ e.d = (r, n) => {
+            /******/ for (var t in n) {
+                /******/ if (e.o(n, t) && !e.o(r, t)) {
+                    /******/ Object.defineProperty(r, t, {
                         enumerable: true,
-                        get: r[a]
+                        get: n[t]
                     });
                     /******/                }
                 /******/            }
@@ -154,14 +37,14 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ t.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
+        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
         /******/;
     })();
     /******/
     /******/ /* webpack/runtime/make namespace object */
     /******/    (() => {
         /******/ // define __esModule on exports
-        /******/ t.r = e => {
+        /******/ e.r = e => {
             /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
                 /******/ Object.defineProperty(e, Symbol.toStringTag, {
                     value: "Module"
@@ -173,885 +56,728 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var a = {};
-    // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-        (() => {
-        // ESM COMPAT FLAG
-        t.r(a);
-        // EXPORTS
-                t.d(a, {
-            Item: () => /* reexport */ oe,
-            default: () => /* reexport */ Pe
-        });
-        // EXTERNAL MODULE: external "react"
-                var e = t(9497);
-        var r =  t.n(e);
-        // EXTERNAL MODULE: external "prop-types"
-                var n = t(23);
-        var i =  t.n(n);
-        // CONCATENATED MODULE: external "lodash/debounce"
-        const o = require("lodash/debounce");
-        var l =  t.n(o);
-        // CONCATENATED MODULE: external "lodash/isString"
-        const s = require("lodash/isString");
-        var c =  t.n(s);
-        // CONCATENATED MODULE: external "lodash/toUpper"
-        const d = require("lodash/toUpper");
-        var p =  t.n(d);
-        // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
-        const u = require("@splunk/react-ui/EventListener");
-        var v =  t.n(u);
-        // EXTERNAL MODULE: external "@splunk/themes"
-                var f = t(3563);
-        // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-        const m = require("@splunk/ui-utils/i18n");
-        // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-        const b = require("@splunk/ui-utils/id");
-        // CONCATENATED MODULE: external "lodash/isUndefined"
-        const h = require("lodash/isUndefined");
-        var g =  t.n(h);
-        // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
-        const y = require("@splunk/react-icons/Cross");
-        var x =  t.n(y);
-        // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
-        const C = require("@splunk/react-icons/enterprise/Close");
-        var k =  t.n(C);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Progress"
-        const w = require("@splunk/react-ui/Progress");
-        var S =  t.n(w);
-        // CONCATENATED MODULE: external "@splunk/ui-utils/format"
-        const _ = require("@splunk/ui-utils/format");
-        // CONCATENATED MODULE: ./src/File/FileContext.tsx
-        var E =  (0, e.createContext)({
-            disabled: false
-        });
-        E.displayName = "File";
-        /* harmony default export */        const O = E;
-        // CONCATENATED MODULE: external "@splunk/react-icons/SVGEnterprise"
-        const I = require("@splunk/react-icons/SVGEnterprise");
-        var R =  t.n(I);
-        // CONCATENATED MODULE: ./src/File/PaperClip.tsx
-        function L() {
-            return L = Object.assign ? Object.assign.bind() : function(e) {
-                for (var r = 1; r < arguments.length; r++) {
-                    var t = arguments[r];
-                    for (var a in t) {
-                        ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
-                    }
-                }
-                return e;
-            }, L.apply(null, arguments);
-        }
-        function q(e) {
-            
-            return r().createElement(R(), L({
-                hideDefaultTooltip: true,
-                viewBox: "0 0 16 16",
-                width: "16px",
-                height: "16px"
-            }, e),  r().createElement("path", {
-                d: "M8.624 14.7021C8.23332 15.0928 7.59989 15.0928 7.2092 14.7021L2.33962 9.83209C0.546941 8.03927 0.54695 5.1325 2.33964 3.33968C4.13162 1.54758 7.03672 1.54684 8.82962 3.33802L14.1746 8.67787C15.2682 9.77043 15.2687 11.5429 14.1756 12.636C13.083 13.7288 11.3115 13.7288 10.2189 12.636L4.87676 7.29338C4.48607 6.90266 4.48607 6.26917 4.87676 5.87845C5.26744 5.48773 5.90087 5.48773 6.29155 5.87845L11.6337 11.2211C11.9449 11.5324 12.4496 11.5324 12.7608 11.2211C13.0722 10.9097 13.0721 10.4048 12.7606 10.0936L7.41557 4.75369C6.40415 3.74325 4.76532 3.74367 3.75442 4.75463C2.74312 5.766 2.74312 7.40578 3.75441 8.41715L8.62399 13.2871C9.01468 13.6779 9.01468 14.3113 8.624 14.7021Z",
-                fill: "currentColor"
-            }));
-        }
-        // CONCATENATED MODULE: external "@splunk/react-icons/ArrowsCircularDouble"
-        const P = require("@splunk/react-icons/ArrowsCircularDouble");
-        var $ =  t.n(P);
-        // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Refresh"
-        const j = require("@splunk/react-icons/enterprise/Refresh");
-        var T =  t.n(j);
-        // CONCATENATED MODULE: ./src/File/Retry.tsx
-        function D() {
-            var e = (0, f.useSplunkTheme)(), t = e.density, a = e.family;
-            var n = t === "compact" ? "20px" : "24px";
-            if (a === "enterprise") {
-                
-                return r().createElement(T(), {
-                    screenReaderText: null
-                });
-            }
-            
-            return r().createElement($(), {
-                width: n,
-                height: n
-            });
-        }
-        // CONCATENATED MODULE: ./src/File/Trash.tsx
-        function A() {
-            return A = Object.assign ? Object.assign.bind() : function(e) {
-                for (var r = 1; r < arguments.length; r++) {
-                    var t = arguments[r];
-                    for (var a in t) {
-                        ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
-                    }
-                }
-                return e;
-            }, A.apply(null, arguments);
-        }
-        function N(e) {
-            var t = (0, f.useSplunkTheme)(), a = t.density;
-            var n = a === "compact" ? "20px" : "24px";
+    /************************************************************************/    var r = {};
+    // ESM COMPAT FLAG
+        e.r(r);
+    // EXPORTS
+        e.d(r, {
+        Item: () => /* reexport */ kr,
+        default: () => /* reexport */ zr
+    });
+    // CONCATENATED MODULE: external "react"
+    const n = require("react");
+    var t =  e.n(n);
+    // 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);
+    // CONCATENATED MODULE: external "lodash/isString"
+    const s = require("lodash/isString");
+    var c =  e.n(s);
+    // CONCATENATED MODULE: external "lodash/toUpper"
+    const u = require("lodash/toUpper");
+    var d =  e.n(u);
+    // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
+    const p = require("@splunk/react-ui/EventListener");
+    var v =  e.n(p);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const f = 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"
+    const y = require("@splunk/ui-utils/id");
+    // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
+    const b = require("@splunk/react-icons/Cross");
+    var g =  e.n(b);
+    // CONCATENATED MODULE: external "@splunk/react-icons/TrashCanCross"
+    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);
+    // CONCATENATED MODULE: ./src/File/FileContext.tsx
+    var S =  (0, n.createContext)({
+        disabled: false
+    });
+    S.displayName = "File";
+    /* harmony default export */    const C = S;
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileAiff"
+    const x = require("@splunk/react-icons/FileAiff");
+    var F =  e.n(x);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileCss"
+    const I = require("@splunk/react-icons/FileCss");
+    var _ =  e.n(I);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileCsv"
+    const E = require("@splunk/react-icons/FileCsv");
+    var R =  e.n(E);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileDat"
+    const O = require("@splunk/react-icons/FileDat");
+    var j =  e.n(O);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileDb"
+    const A = require("@splunk/react-icons/FileDb");
+    var P =  e.n(A);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileDbf"
+    const D = require("@splunk/react-icons/FileDbf");
+    var M =  e.n(D);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileDoc"
+    const T = require("@splunk/react-icons/FileDoc");
+    var $ =  e.n(T);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileEps"
+    const N = require("@splunk/react-icons/FileEps");
+    var B =  e.n(N);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileFig"
+    const X = require("@splunk/react-icons/FileFig");
+    var L =  e.n(X);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileGif"
+    const U = require("@splunk/react-icons/FileGif");
+    var W =  e.n(U);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileHtm"
+    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);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileJpg"
+    const K = require("@splunk/react-icons/FileJpg");
+    var Q =  e.n(K);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileJs"
+    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);
+    // 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);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileMid"
+    const oe = require("@splunk/react-icons/FileMid");
+    var se =  e.n(oe);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileMp3"
+    const ce = require("@splunk/react-icons/FileMp3");
+    var ue =  e.n(ce);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileMp4"
+    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);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FilePdf"
+    const me = require("@splunk/react-icons/FilePdf");
+    var ye =  e.n(me);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FilePhp"
+    const be = require("@splunk/react-icons/FilePhp");
+    var ge =  e.n(be);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FilePng"
+    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);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileRar"
+    const Se = require("@splunk/react-icons/FileRar");
+    var Ce =  e.n(Se);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileRtf"
+    const xe = require("@splunk/react-icons/FileRtf");
+    var Fe =  e.n(xe);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileSql"
+    const Ie = require("@splunk/react-icons/FileSql");
+    var _e =  e.n(Ie);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileSvg"
+    const Ee = require("@splunk/react-icons/FileSvg");
+    var Re =  e.n(Ee);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileText"
+    const Oe = require("@splunk/react-icons/FileText");
+    var je =  e.n(Oe);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileTGZ"
+    const Ae = require("@splunk/react-icons/FileTGZ");
+    var Pe =  e.n(Ae);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileTiff"
+    const De = require("@splunk/react-icons/FileTiff");
+    var Me =  e.n(De);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileWav"
+    const Te = require("@splunk/react-icons/FileWav");
+    var $e =  e.n(Te);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileXls"
+    const Ne = require("@splunk/react-icons/FileXls");
+    var Be =  e.n(Ne);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileXml"
+    const Xe = require("@splunk/react-icons/FileXml");
+    var Le =  e.n(Xe);
+    // CONCATENATED MODULE: external "@splunk/react-icons/FileZip"
+    const Ue = require("@splunk/react-icons/FileZip");
+    var We =  e.n(Ue);
+    // CONCATENATED MODULE: external "@splunk/react-icons/Paperclip"
+    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 Ze = require("@splunk/react-ui/Progress");
+    var Ve =  e.n(Ze);
+    // 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);
+    // CONCATENATED MODULE: ./src/File/ItemStyles.ts
+    var nr = 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({
+        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);
+    }), (function(e) {
+        var r = e.$disabled;
+        return r && (0, Je.css)([ "cursor:not-allowed;color:", ";" ], Ke.variables.contentColorDisabled);
+    }));
+    var ar = Ge()(rr()).withConfig({
+        displayName: "ItemStyles__StyledErrorIcon",
+        componentId: "sc-1fsk3kr-2"
+    })([ "fill:", ";" ], Ke.variables.contentColorNegative);
+    var ir = "28px";
+    var lr = 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({
+        displayName: "ItemStyles__StyledLabel",
+        componentId: "sc-1fsk3kr-4"
+    })([ "overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1 0 0;" ]);
+    var sr = Ge()(Ve()).withConfig({
+        displayName: "ItemStyles__StyledProgress",
+        componentId: "sc-1fsk3kr-5"
+    })([ "width:80px;height:6px;" ]);
+    var cr = Ge()(Ye()).withConfig({
+        displayName: "ItemStyles__StyledButton",
+        componentId: "sc-1fsk3kr-6"
+    })([ "&:not([disabled],[aria-disabled='true']){color:", ";}" ], Ke.variables.contentColorActive);
+    var ur = 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: _(),
+        csv: R(),
+        dat: j(),
+        db: P(),
+        dbf: M(),
+        doc: $(),
+        eps: B(),
+        fig: L(),
+        gif: W(),
+        htm: H(),
+        html: G(),
+        ico: V(),
+        jpg: Q(),
+        js: ee(),
+        json: ne(),
+        jsx: ae(),
+        log: le(),
+        mid: se(),
+        mp3: ue(),
+        mp4: pe(),
+        mpg: fe(),
+        pdf: ye(),
+        php: ge(),
+        png: ke(),
+        ppt: we(),
+        rar: Ce(),
+        rtf: Fe(),
+        sql: _e(),
+        svg: Re(),
+        txt: je(),
+        tgz: Pe(),
+        tiff: Me(),
+        wav: $e(),
+        xls: Be(),
+        xml: Le(),
+        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) {
             
-            return r().createElement(R(), A({
-                hideDefaultTooltip: true,
-                viewBox: "0 0 24 24",
-                width: n,
-                height: n
-            }, e),  r().createElement("path", {
-                d: "M10 4V6H14V4H10ZM16 6H17H19H20C20.5523 6 21 6.44772 21 7C21 7.55228 20.5523 8 20 8H19V20.5C19 21.3284 18.3284 22 17.5 22H6.5C5.67157 22 5 21.3284 5 20.5V8H4C3.44772 8 3 7.55228 3 7C3 6.44772 3.44772 6 4 6H5H7H8V3.5C8 2.67157 8.67157 2 9.5 2H14.5C15.3284 2 16 2.67157 16 3.5V6ZM7 8V20H17V8H7ZM10.5858 14L9.2929 15.2929C8.90237 15.6834 8.90237 16.3166 9.2929 16.7071C9.68342 17.0976 10.3166 17.0976 10.7071 16.7071L12 15.4142L13.2929 16.7071C13.6834 17.0976 14.3166 17.0976 14.7071 16.7071C15.0976 16.3166 15.0976 15.6834 14.7071 15.2929L13.4142 14L14.7071 12.7071C15.0976 12.3166 15.0976 11.6834 14.7071 11.2929C14.3166 10.9024 13.6834 10.9024 13.2929 11.2929L12 12.5858L10.7071 11.2929C10.3166 10.9024 9.68342 10.9024 9.29289 11.2929C8.90237 11.6834 8.90237 12.3166 9.29289 12.7071L10.5858 14Z",
-                fill: "currentColor"
-            }));
+            return t().createElement(lr, null, l);
         }
-        // EXTERNAL MODULE: external "styled-components"
-                var M = t(232);
-        var H =  t.n(M);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-        const F = require("@splunk/react-ui/Box");
-        var z =  t.n(F);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-        const V = require("@splunk/react-ui/Clickable");
-        var B =  t.n(V);
-        // CONCATENATED MODULE: external "@splunk/themes/mixins"
-        const G = require("@splunk/themes/mixins");
-        // CONCATENATED MODULE: ./src/File/ItemStyles.ts
-        var Z = H()(z()).withConfig({
-            displayName: "ItemStyles__StyledBox",
-            componentId: "sc-1fsk3kr-0"
-        })([ "position:relative;width:100%;max-width:400px;margin:", ";background-color:", ";border-radius:", ";min-height:32px;color:", ";", " ", " ", " ", ";" ], (0, 
-        f.pick)({
-            enterprise: "5px auto 0",
-            prisma: {
-                comfortable: "8px auto 0",
-                compact: "4px auto 0"
-            }
-        }), (0, f.pick)({
-            enterprise: {
-                light: f.variables.gray92,
-                dark: f.variables.gray45
-            },
-            // TODO(SUI-6298): Should use a semantically correct token
-            prisma: {
-                light: "#eeeeee",
-                dark: "#272a2f"
-            }
-        }), (0, f.pick)({
-            enterprise: "2px",
-            prisma: f.variables.borderRadius
-        }), (0, f.pick)({
-            enterprise: f.variables.textGray,
-            prisma: f.variables.contentColorDefault
-        }), (0, f.pick)({
-            prisma: (0, M.css)([ "border:1px solid ", ";padding-left:12px;" ], f.variables.neutral200),
-            enterprise: (0, M.css)([ "line-height:24px;" ])
-        }), (0, f.pick)({
-            enterprise: {
-                compact: (0, M.css)([ "min-height:24px;" ])
-            }
-        }), (function(e) {
-            var r = e.$error;
-            return r && (0, f.pick)({
-                enterprise: (0, M.css)([ "box-shadow:inset 0 0 0 1px ", ";" ], f.variables.errorColor),
-                prisma: (0, M.css)([ "box-shadow:inset 0 0 0 1px ", ";background-color:", ";" ], f.variables.interactiveColorAccentError, (0, 
-                f.pick)({
-                    light: "#eeeeee",
-                    dark: "#272a2f"
-                }))
-            });
-        }), (function(e) {
-            var r = e.$disabled;
-            return r && (0, M.css)([ "cursor:not-allowed;background-color:", ";" ], (0, f.pick)({
-                enterprise: {
-                    dark: f.variables.gray60,
-                    light: f.variables.gray96
-                },
-                prisma: {
-                    light: (0, G.overlayColors)("#eeeeee", "rgba(0, 0, 0, 0.1)"),
-                    dark: (0, G.overlayColors)("#272a2f", "rgba(255, 255, 255, 0.15)")
+        var o = ((n = i.split(".").pop()) === null || n === void 0 ? void 0 : n.toLowerCase()) || "";
+        var s = dr[o] || He();
+        
+        return t().createElement(s, {
+            "aria-hidden": "true"
+        });
+    };
+    /* harmony default export */    const vr = pr;
+    // 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]);
                 }
-            }));
-        }));
-        var W = H().div.withConfig({
-            displayName: "ItemStyles__StyledErrorText",
-            componentId: "sc-1fsk3kr-1"
-        })([ "font-size:", ";color:", ";line-height:16px;margin-top:4px;text-align:left;" ], f.variables.fontSizeSmall, f.variables.contentColorNegative);
-        var U = H()(B()).withConfig({
-            displayName: "ItemStyles__StyledIconClickable",
-            componentId: "sc-1fsk3kr-2"
-        })([ "color:", ";border-radius:", ";padding:", ";text-align:center;", " ", " &:focus{color:", ";", "}&:hover{background-color:", ";color:", ";}" ], (0, 
-        f.pick)({
-            enterprise: "inherit",
-            prisma: f.variables.contentColorDefault
-        }), (0, f.pick)({
-            enterprise: "0 2px 2px 0",
-            prisma: "50%"
-        }), (0, f.pick)({
-            enterprise: "3px 0",
-            prisma: {
-                comfortable: "0 8px",
-                compact: "0 6px"
-            }
-        }), (0, f.pick)({
-            enterprise: (0, M.css)([ "flex-basis:", ";" ], f.variables.inputHeight)
-        }), (function(e) {
-            var r = e.$error;
-            return r && (0, M.css)([ "", "" ], (0, f.pick)({
-                enterprise: (0, M.css)([ "border-top:1px solid ", ";border-bottom:1px solid ", ";&:last-child{border-right:1px solid ", ";}svg{vertical-align:baseline;}" ], f.variables.errorColor, f.variables.errorColor, f.variables.errorColor)
-            }));
-        }), (0, f.pick)({
-            enterprise: f.variables.contentColorLink,
-            prisma: f.variables.contentColorActive
-        }), (0, f.pick)({
-            enterprise: (0, M.css)([ "box-shadow:", ";" ], f.variables.focusShadow),
-            prisma: (0, M.css)([ "background-color:", ";box-shadow:0 0 0 3px ", ";" ], f.variables.interactiveColorOverlayHover, f.variables.focusColor)
-        }), (0, f.pick)({
-            enterprise: {
-                light: f.variables.gray96,
-                dark: f.variables.gray30
-            },
-            prisma: f.variables.interactiveColorOverlayHover
-        }), (0, f.pick)({
-            enterprise: f.variables.contentColorLink,
-            prisma: f.variables.contentColorActive
-        }));
-        // for Prisma theme only
-                var X = H()(B()).withConfig({
-            displayName: "ItemStyles__StyledTrashIcon",
-            componentId: "sc-1fsk3kr-3"
-        })([ "color:", ";border-radius:50%;padding:", ";margin-right:", ";text-align:center;&:focus{color:", ";background-color:", ";box-shadow:0 0 0 3px ", ";}&:hover{background-color:", ";color:", ";}" ], f.variables.contentColorDefault, (0, 
-        f.pick)({
-            comfortable: "0 8px",
-            compact: "0 6px"
-        }), (0, f.pick)({
-            comfortable: "0 4px",
-            compact: "0 6px"
-        }), f.variables.contentColorActive, f.variables.interactiveColorOverlayHover, f.variables.focusColor, f.variables.interactiveColorOverlayHover, f.variables.contentColorActive);
-        var J = H().div.withConfig({
-            displayName: "ItemStyles__StyledLabel",
-            componentId: "sc-1fsk3kr-4"
-        })([ "color:", ";overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1 0 0px;padding:", ";border-radius:", ";", "" ], f.variables.contentColorActive, (0, 
-        f.pick)({
-            enterprise: "3px 0 3px 10px",
-            prisma: {
-                comfortable: "10px 0 10px 0",
-                compact: "6px 0 6px 0"
             }
-        }), (0, f.pick)({
-            enterprise: "2px",
-            prisma: f.variables.borderRadius
-        }), (function(e) {
-            var r = e.$disabled;
-            return r && (0, f.pick)({
-                enterprise: {
-                    light: (0, M.css)([ "color:", ";" ], f.variables.textGray),
-                    dark: (0, M.css)([ "color:", ";" ], f.variables.textGray)
-                },
-                prisma: (0, M.css)([ "color:", ";" ], f.variables.contentColorDisabled)
-            });
-        }));
-        // for Prisma theme only
-                var K = H().div.withConfig({
-            displayName: "ItemStyles__StyledPaperClipIcon",
-            componentId: "sc-1fsk3kr-5"
-        })([ "color:", ";padding:", ";", "" ], f.variables.neutral400, (0, f.pick)({
-            comfortable: "8px 4px 8px 0",
-            compact: "4px 4px 4px 0"
-        }), (function(e) {
-            var r = e.$disabled;
-            return r && (0, M.css)([ "color:", ";cursor:not-allowed;" ], f.variables.contentColorDisabled);
-        }));
-        // for Prisma theme only
-                var Q = H().span.withConfig({
-            displayName: "ItemStyles__StyledPercentage",
-            componentId: "sc-1fsk3kr-6"
-        })([ "color:", ";" ], f.variables.contentColorMuted);
-        // for Prisma theme only
-                var Y = H().div.withConfig({
-            displayName: "ItemStyles__StyledProgress",
-            componentId: "sc-1fsk3kr-7"
-        })([ "position:absolute;left:0;top:0;width:", "%;height:100%;background:", ";transition:width 300ms;border-radius:", ";" ], (function(e) {
-            var r = e.$uploadPercentage;
-            return r;
-        }), f.variables.interactiveColorOverlaySelected, f.variables.borderRadius);
-        // EXTERNAL MODULE: ./src/ScreenReaderContent/index.ts + 2 modules
-                var ee = t(6165);
-        // CONCATENATED MODULE: ./src/File/Item.tsx
-        function re() {
-            return re = Object.assign ? Object.assign.bind() : function(e) {
-                for (var r = 1; r < arguments.length; r++) {
-                    var t = arguments[r];
-                    for (var a in t) {
-                        ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
-                    }
-                }
-                return e;
-            }, re.apply(null, arguments);
-        }
-        function te(e, r) {
-            if (null == e) return {};
-            var t, a, n = ae(e, r);
-            if (Object.getOwnPropertySymbols) {
-                var i = Object.getOwnPropertySymbols(e);
-                for (a = 0; a < i.length; a++) {
-                    t = i[a], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
-                }
+            return e;
+        }, fr.apply(null, arguments);
+    }
+    function mr(e, r) {
+        if (null == e) return {};
+        var n, t, a = yr(e, r);
+        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]);
             }
-            return n;
         }
-        function ae(e, r) {
-            if (null == e) return {};
-            var t = {};
-            for (var a in e) {
-                if ({}.hasOwnProperty.call(e, a)) {
-                    if (r.includes(a)) continue;
-                    t[a] = e[a];
-                }
+        return a;
+    }
+    function yr(e, r) {
+        if (null == e) return {};
+        var n = {};
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (r.includes(t)) continue;
+                n[t] = e[t];
             }
-            return t;
         }
-        var ne = {
-            disabled: i().bool,
-            elementRef: i().oneOfType([ i().func, i().object ]),
-            error: i().bool,
-            /** @private */
-            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
+        return n;
+    }
+    var br = {
+        disabled: i().bool,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        error: i().bool,
+        /** @private */
+        icon: i().node,
+        /** @private */
+        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: i().number
-        };
-        function ie(t) {
-            var a = t.disabled, n = t.error, i = n === void 0 ? false : n, o = t.itemId, l = t.name, s = t.index, c = s === void 0 ? 0 : s, d = t.uploadPercentage, p = te(t, [ "disabled", "error", "itemId", "name", "index", "uploadPercentage" ]);
-            // @docs-props-type ItemPropsBase
-                        var u = (0, f.useSplunkTheme)(), v = u.isPrisma, b = u.isEnterprise, h = u.isCompact;
-            var y = h ? "20px" : "24px";
-            var C = (0, e.useContext)(E), w = C.onRequestRemove;
-            var O = (0, e.useCallback)((function(e) {
-                e.preventDefault();
-                w === null || w === void 0 ? void 0 : w({
-                    itemId: o,
-                    name: l,
-                    index: c
-                });
-            }), [ w, o, l, c ]);
-            var I = (0, e.useContext)(E), R = I.onRequestRetry;
-            var L = (0, e.useCallback)((function(e) {
-                e.preventDefault();
-                R === null || R === void 0 ? void 0 : R({
-                    itemId: o,
-                    name: l,
-                    index: c
-                });
-            }), [ R, o, l, c ]);
-            var P = (0, e.useContext)(E), $ = P.disabled;
-            var j = (0, _.sprintf)((0, m._)('Remove "%(filename)s"'), {
-                filename: l
-            });
-            var T = (0, _.sprintf)((0, m._)('Retry "%(filename)s"'), {
-                filename: l
-            });
-            var A = (0, _.sprintf)((0, m._)('Uploading "%(filename)s"'), {
-                filename: l
-            });
-            var M = (0, m._)("Remove");
-            var H =  r().createElement("span", null,  r().createElement("span", {
-                style: {
-                    paddingRight: "4px"
-                }
-            }, (0, m._)("Uploading ")),  r().createElement(Q, null, d, "%"));
-            var F = v && !g()(d) && d > 0 ? H : l;
-            var z = a !== undefined ? a : $;
-            
-            return r().createElement(r().Fragment, null,  r().createElement(Z, re({
-                "data-test": "item",
-                "data-test-disabled": z,
-                "data-test-error": i
-            }, p, {
-                flex: true,
-                $error: i,
-                $disabled: z
-            }), v && g()(d) &&  r().createElement(K, {
-                "data-test": "paper-clip",
-                $disabled: z
-            },  r().createElement(q, {
-                "aria-hidden": "true"
-            })),  r().createElement(J, {
-                "data-test": "label",
-                $error: i,
-                $disabled: z
-            }, F), R && i &&  r().createElement(U, {
-                "data-test": "retry",
-                $error: i,
-                onClick: L,
-                "aria-label": T
-            },  r().createElement(D, null),  r().createElement(ee["default"], null, (0, m._)("Retry"))), !z && (v && g()(d) && !i ?  r().createElement(X, {
-                "data-test": "remove",
-                onClick: O,
-                "aria-label": j
-            },  r().createElement(N, {
-                screenReaderText: (0, m._)("Remove")
-            })) :  r().createElement(U, {
-                "data-test": "remove",
-                $error: i,
-                onClick: O,
-                "aria-label": j
-            }, b ?  r().createElement(k(), {
-                hideDefaultTooltip: true,
-                screenReaderText: M
-            }) :  r().createElement(x(), {
-                "aria-label": M,
-                height: y,
-                width: y
-            }))), !g()(d) && d > 0 && (v ?  r().createElement(Y, {
-                $uploadPercentage: d,
-                "aria-label": A,
-                role: "progressbar",
-                "aria-valuenow": d,
-                "aria-valuemin": 0,
-                "aria-valuemax": 100
-            }) :  r().createElement(S(), {
-                style: {
-                    position: "absolute",
-                    left: 0,
-                    top: 0,
-                    right: 0,
-                    zIndex: 1
-                },
-                percentage: d,
-                "aria-label": A
-            }))), v && i &&  r().createElement(W, null, (0, m._)("Something went wrong.")));
-        }
-        ie.propTypes = ne;
-        /* harmony default export */        const oe = ie;
-        // CONCATENATED MODULE: ./src/File/Icon.tsx
-        function le() {
-            return le = Object.assign ? Object.assign.bind() : function(e) {
-                for (var r = 1; r < arguments.length; r++) {
-                    var t = arguments[r];
-                    for (var a in t) {
-                        ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
-                    }
-                }
-                return e;
-            }, le.apply(null, arguments);
-        }
-        function se(e) {
-            
-            return r().createElement(R(), le({
-                hideDefaultTooltip: true,
-                screenReaderText: (0, m._)("File upload"),
-                viewBox: "0 0 72 88"
-            }, e),  r().createElement("path", {
-                d: "M50,27 L68.0005854,27 C70.2022516,27 72,28.7919267 72,31.0023804 L72,83.9976196 C72,86.2074215 70.2094011,88 68.0005854,88 L3.99941455,88 C1.79774843,88 0,86.2080733 0,83.9976196 L0,31.0023804 C0,28.7925785 1.79059889,27 3.99941455,27 L21,27 L21,32 L5.99898406,32 C5.4472604,32 5,32.4408979 5,32.9958767 L5,82.0041233 C5,82.5541308 5.44605521,83 5.99898406,83 L66.0010159,83 C66.5527396,83 67,82.5591021 67,82.0041233 L67,32.9958767 C67,32.4458692 66.5539448,32 66.0010159,32 L50,32 L50,27 Z"
-            }),  r().createElement("path", {
-                d: "M41.9634682,10 L41.9634682,28 L46.9634682,28 L46.9634682,5 L44.4634682,5 L23.9634682,5 L23.9634682,10 L41.9634682,10 Z",
-                transform: "translate(35.463468, 16.500000) rotate(-45.000000) translate(-35.463468, -16.500000) "
-            }),  r().createElement("rect", {
-                x: "33",
-                y: "3",
-                width: "5",
-                height: "51"
-            }));
-        }
-        // CONCATENATED MODULE: ./src/File/FileStyles.ts
-        var ce = H().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;}" ]);
-        var de = (0, M.css)([ "fill:", ";" ], (0, f.pick)({
-            enterprise: {
-                light: f.variables.gray60,
-                dark: f.variables.gray80
-            }
-        }));
-        var pe = H()(se).withConfig({
-            displayName: "FileStyles__StyledNormalIcon",
-            componentId: "sc-1wyh4cf-1"
-        })([ "", ";height:1.4em;width:1.4em;display:inline-block;vertical-align:middle;padding-bottom:3px;" ], de);
-        var ue = H()(se).withConfig({
-            displayName: "FileStyles__StyledWindowIcon",
-            componentId: "sc-1wyh4cf-2"
-        })([ "", ";height:48px;width:48px;position:absolute;top:30px;left:50%;transform:translateX(-50%);" ], de);
-        var ve = H().label.withConfig({
-            displayName: "FileStyles__StyledLink",
-            componentId: "sc-1wyh4cf-3"
-        })([ "", ";color:", ";cursor:pointer;font-size:inherit;font-weight:inherit;&:hover,&[data-focused]{text-decoration:underline;}&[data-focused]{box-shadow:", ";}" ], f.mixins.reset("inline"), f.variables.contentColorLink, (0, 
-        f.pick)({
-            enterprise: f.variables.focusShadowInset,
-            prisma: f.variables.focusShadow
-        }));
-        var fe = H().div.withConfig({
-            displayName: "FileStyles__StyledNormalText",
-            componentId: "sc-1wyh4cf-4"
-        })([ "color:", ";", " ", " ", " ", "" ], f.variables.contentColorActive, (0, f.pick)({
-            enterprise: (0, M.css)([ "display:inline-block;" ]),
-            prisma: (0, M.css)([ "display:inline-flex;flex-direction:column;justify-content:center;text-align:center;border:1px dashed ", ";padding:8px;border-radius:", ";min-height:128px;&:not(:last-child){margin-bottom:4px;}" ], f.variables.contentColorMuted, f.variables.borderRadius)
-        }), (function(e) {
-            var r = e.$dragOver;
-            return r && (0, M.css)([ "", "" ], (0, f.pick)({
-                prisma: (0, M.css)([ "border:1px dashed ", ";background-color:", ";" ], f.variables.interactiveColorPrimary, f.mixins.colorWithAlpha(f.variables.interactiveColorPrimary, .1))
-            }));
-        }), (function(e) {
-            var r = e.$error, t = e.$dragOver;
-            return r && !t && (0, f.pick)({
-                prisma: (0, M.css)([ "background-color:", ";border:1px dashed ", ";color:", ";" ], f.mixins.colorWithAlpha(f.variables.interactiveColorAccentError, .1), f.variables.interactiveColorAccentError, f.variables.contentColorNegative)
-            });
-        }), (function(e) {
-            var r = e.$disabled;
-            return r && (0, M.css)([ "border:none;min-height:0;color:", ";cursor:not-allowed;" ], (0, 
-            f.pick)({
-                prisma: f.variables.contentColorDisabled
-            }));
-        }));
-        var me = H().div.withConfig({
-            displayName: "FileStyles__StyledWindowText",
-            componentId: "sc-1wyh4cf-5"
-        })([ "color:", ";margin-top:calc(", " * 4);margin-bottom:", ";font-size:", ";" ], f.variables.contentColorActive, f.variables.spacingLarge, (0, 
-        f.pick)({
-            enterprise: f.variables.spacingSmall,
-            prisma: f.variables.spacingMedium
-        }), f.variables.fontSizeXLarge);
-        var be = H().div.withConfig({
-            displayName: "FileStyles__StyledSubtitle",
-            componentId: "sc-1wyh4cf-6"
-        })([ "color:", ";padding:4px 8px;font-size:12px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" ], f.variables.contentColorMuted);
-        var he = H().div.withConfig({
-            displayName: "FileStyles__StyledHelp",
-            componentId: "sc-1wyh4cf-7"
-        })([ "margin-bottom:", ";" ], f.variables.spacingXLarge);
-        var ge = H().div.withConfig({
-            displayName: "FileStyles__StyledWindowDrop",
-            componentId: "sc-1wyh4cf-8"
-        })([ "position:fixed;top:0;left:0;right:0;bottom:0;border:", ";z-index:", " + 10;" ], (0, 
-        f.pick)({
-            enterprise: "5px solid ".concat(f.variables.accentColorL10),
-            prisma: "5px solid ".concat(f.variables.interactiveColorPrimary)
-        }), f.variables.zindexModal);
-        var ye = H()(z()).withConfig({
-            displayName: "FileStyles__StyledDropNormalTargetBox",
-            componentId: "sc-1wyh4cf-9"
-        })([ "", ";flex-direction:column;justify-content:center;text-align:center;border-radius:", ";", " ", " ", " ", " ", " ", "" ], f.mixins.reset("flex"), f.variables.borderRadius, (0, 
-        f.pick)({
-            enterprise: (0, M.css)([ "line-height:calc(", " - 2px);" ], f.variables.inputHeight)
-        }), (0, f.pick)({
-            enterprise: {
-                comfortable: (0, M.css)([ "min-height:73px;padding:", ";" ], f.variables.spacingXSmall),
-                compact: (0, M.css)([ "min-height:63px;padding:3px;" ])
-            }
-        }), (0, f.pick)({
-            enterprise: {
-                light: (0, M.css)([ "border:1px dashed ", ";" ], f.variables.borderColor),
-                dark: (0, M.css)([ "border:1px dashed ", ";" ], f.variables.textGray)
-            }
-        }), (function(e) {
-            var r = e.$dragOver;
-            return r && (0, f.pick)({
-                enterprise: (0, M.css)([ "border:1px solid ", ";" ], f.variables.accentColorL10)
+        uploadPercentage: i().number
+    };
+    var gr =  t().createElement(ar, {
+        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" ]);
+        // @docs-props-type ItemPropsBase
+                var y = (0, n.useContext)(S), b = y.onRequestRemove;
+        var h = (0, n.useCallback)((function(e) {
+            e.preventDefault();
+            b === null || b === void 0 ? void 0 : b({
+                itemId: s,
+                name: c,
+                index: d
             });
-        }), (function(e) {
-            var r = e.$error, t = e.$dragOver;
-            return r && !t && (0, f.pick)({
-                enterprise: (0, M.css)([ "border:1px solid ", ";" ], f.variables.errorColor)
+        }), [ b, s, c, d ]);
+        var q = (0, n.useContext)(S), C = q.onRequestRetry;
+        var x = (0, n.useCallback)((function(e) {
+            e.preventDefault();
+            C === null || C === void 0 ? void 0 : C({
+                itemId: s,
+                name: c,
+                index: d
             });
-        }), (function(e) {
-            var r = e.$disabled, t = e.$fileCount;
-            return r && (0, M.css)([ "border:", ";color:", ";cursor:not-allowed;", " ", "" ], (0, 
-            f.pick)({
-                enterprise: "none",
-                prisma: "1px solid ".concat(f.variables.contentColorDisabled)
-            }), (0, f.pick)({
-                enterprise: f.variables.textGray,
-                prisma: f.variables.contentColorDisabled
-            }), t === 0 && (0, f.pick)({
-                enterprise: {
-                    light: (0, M.css)([ "background-color:", ";" ], f.variables.gray96),
-                    dark: (0, M.css)([ "background-color:", ";" ], f.variables.gray60)
-                },
-                prisma: (0, M.css)([ "border:1px dashed ", ";min-height:128px;" ], f.variables.contentColorDisabled)
-            }), t !== 0 && (0, f.pick)({
-                prisma: (0, M.css)([ "", "{padding:0;}" ], /* sc-sel */ fe)
-            }));
-        }));
-        var xe = H()(z()).withConfig({
-            displayName: "FileStyles__StyledWindowDropTargetBox",
-            componentId: "sc-1wyh4cf-10"
-        })([ "position:relative;text-align:center;min-height:250px;padding:", ";", "" ], f.variables.spacingLarge, (function(e) {
-            var r = e.$disabled;
-            return r && (0, M.css)([ "color:", ";" ], (0, f.pick)({
-                enterprise: f.variables.textGray,
-                prisma: f.variables.contentColorMuted
-            }));
-        }));
-        // CONCATENATED MODULE: ./src/File/File.tsx
-        function Ce() {
-            return Ce = Object.assign ? Object.assign.bind() : function(e) {
-                for (var r = 1; r < arguments.length; r++) {
-                    var t = arguments[r];
-                    for (var a in t) {
-                        ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
-                    }
+        }), [ C, s, c, d ]);
+        var F = (0, n.useContext)(S), I = F.disabled;
+        var _ = (0, m.sprintf)((0, f._)('Remove "%(filename)s"'), {
+            filename: c
+        });
+        var E = (0, m.sprintf)((0, f._)('Retry "%(filename)s"'), {
+            filename: c
+        });
+        var R = (0, m.sprintf)((0, f._)('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, {
+            name: c,
+            icon: o
+        });
+        
+        return t().createElement(nr, null,  t().createElement(tr, fr({
+            "data-test": "item",
+            "data-test-disabled": j,
+            "data-test-error": l,
+            ref: a
+        }, v, {
+            $disabled: j,
+            $inProgress: A
+        }), P,  t().createElement(or, {
+            "data-test": "label"
+        }, c), A &&  t().createElement(t().Fragment, null,  t().createElement(sr, {
+            percentage: p,
+            "aria-label": R
+        }),  t().createElement("span", null, p, "%")), C && l &&  t().createElement(cr, {
+            "data-test": "retry",
+            onClick: x,
+            "aria-label": E,
+            appearance: "subtle"
+        },  t().createElement(w(), {
+            "aria-label": (0, f._)("Retry")
+        })), !j && (p === undefined && !l ?  t().createElement(cr, {
+            "data-test": "remove",
+            onClick: h,
+            "aria-label": _,
+            appearance: "subtle"
+        },  t().createElement(k(), {
+            "aria-label": O
+        })) :  t().createElement(cr, {
+            "data-test": "remove",
+            onClick: h,
+            "aria-label": _,
+            appearance: "subtle"
+        },  t().createElement(g(), {
+            "aria-label": O
+        })))), l &&  t().createElement(ur, null, (0, f._)("Something went wrong.")));
+    }
+    hr.propTypes = br;
+    /* harmony default export */    const kr = hr;
+    // CONCATENATED MODULE: external "@splunk/react-icons/ArrowBroadUnderbarUp"
+    const qr = require("@splunk/react-icons/ArrowBroadUnderbarUp");
+    var wr =  e.n(qr);
+    // CONCATENATED MODULE: ./src/File/FileStyles.ts
+    var Sr = "24px";
+    var Cr = "150px";
+    var xr = 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({
+        displayName: "FileStyles__StyledFileWrapper",
+        componentId: "sc-1wyh4cf-1"
+    })([ "display:flex;flex-direction:column;gap:", ";" ], Ke.variables.spacingSmall);
+    var Ir = Ge()(wr()).withConfig({
+        displayName: "FileStyles__StyledUploadIcon",
+        componentId: "sc-1wyh4cf-2"
+    })([ "width:", ";height:", ";fill:", ";" ], Sr, Sr, Ke.variables.contentColorActive);
+    var _r = Ge().div.withConfig({
+        displayName: "FileStyles__StyledInstructionText",
+        componentId: "sc-1wyh4cf-3"
+    })([ "", ";" ], Ke.mixins.typography("body", {
+        color: "active",
+        weight: "semiBold"
+    }));
+    var Er = Ge().div.withConfig({
+        displayName: "FileStyles__StyledFileTypeSupportMessage",
+        componentId: "sc-1wyh4cf-4"
+    })([ "color:", ";text-align:center;" ], Ke.variables.contentColorDefault);
+    var Rr = 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);
+    }), (function(e) {
+        var r = e.$screenMode;
+        return r === "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);
+    }), (function(e) {
+        var r = e.$dragOver;
+        return r && (0, Je.css)([ "background-color:", ";" ], Ke.variables.actionColorBackgroundSubtleHover);
+    }), (function(e) {
+        var r = e.$focused;
+        return r && (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);
+    }), (function(e) {
+        var r = e.$error, n = e.$dragOver;
+        return r && !n && (0, Je.css)([ "border-color:", ";" ], Ke.variables.interactiveColorAccentError);
+    }));
+    var Or = Ge().div.withConfig({
+        displayName: "FileStyles__StyledHelp",
+        componentId: "sc-1wyh4cf-6"
+    })([ "", ";" ], Ke.mixins.typography("smallBody"));
+    var jr = 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({
+        displayName: "FileStyles__StyledFileList",
+        componentId: "sc-1wyh4cf-8"
+    })([ "display:flex;flex-direction:column;gap:", ";" ], Ke.variables.spacingXSmall);
+    // 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]);
                 }
-                return e;
-            }, Ce.apply(null, arguments);
-        }
-        function ke(e, r) {
-            return Oe(e) || Ee(e, r) || Se(e, r) || we();
-        }
-        function we() {
-            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 Se(e, r) {
-            if (e) {
-                if ("string" == typeof e) return _e(e, r);
-                var t = {}.toString.call(e).slice(8, -1);
-                return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _e(e, r) : void 0;
             }
+            return e;
+        }, Pr.apply(null, arguments);
+    }
+    function Dr(e, r) {
+        return Br(e) || Nr(e, r) || Tr(e, r) || Mr();
+    }
+    function Mr() {
+        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) {
+        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;
         }
-        function _e(e, r) {
-            (null == r || r > e.length) && (r = e.length);
-            for (var t = 0, a = Array(r); t < r; t++) {
-                a[t] = e[t];
-            }
-            return a;
+    }
+    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 Ee(e, r) {
-            var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-            if (null != t) {
-                var a, n, i, o, l = [], s = !0, c = !1;
+        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;
+            try {
+                if (i = (n = n.call(e)).next, 0 === r) {
+                    if (Object(n) !== n) return;
+                    s = !1;
+                } else for (;!(s = (t = i.call(n)).done) && (o.push(t.value), o.length !== r); s = !0) {
+                }
+            } catch (e) {
+                c = !0, a = e;
+            } finally {
                 try {
-                    if (i = (t = t.call(e)).next, 0 === r) {
-                        if (Object(t) !== t) return;
-                        s = !1;
-                    } else for (;!(s = (a = i.call(t)).done) && (l.push(a.value), l.length !== r); s = !0) {
-                    }
-                } catch (e) {
-                    c = !0, n = e;
+                    if (!s && null != n["return"] && (l = n["return"](), Object(l) !== l)) return;
                 } finally {
-                    try {
-                        if (!s && null != t["return"] && (o = t["return"](), Object(o) !== o)) return;
-                    } finally {
-                        if (c) throw n;
-                    }
+                    if (c) throw a;
                 }
-                return l;
             }
+            return o;
         }
-        function Oe(e) {
-            if (Array.isArray(e)) return e;
-        }
-        function Ie(e, r) {
-            if (null == e) return {};
-            var t, a, n = Re(e, r);
-            if (Object.getOwnPropertySymbols) {
-                var i = Object.getOwnPropertySymbols(e);
-                for (a = 0; a < i.length; a++) {
-                    t = i[a], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
-                }
+    }
+    function Br(e) {
+        if (Array.isArray(e)) return e;
+    }
+    function Xr(e, r) {
+        if (null == e) return {};
+        var n, t, a = Lr(e, r);
+        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]);
             }
-            return n;
         }
-        function Re(e, r) {
-            if (null == e) return {};
-            var t = {};
-            for (var a in e) {
-                if ({}.hasOwnProperty.call(e, a)) {
-                    if (r.includes(a)) continue;
-                    t[a] = e[a];
-                }
+        return a;
+    }
+    function Lr(e, r) {
+        if (null == e) return {};
+        var n = {};
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (r.includes(t)) continue;
+                n[t] = e[t];
             }
-            return t;
         }
-        /** @public */
-        /** @public */        var Le = {
-            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: i().bool,
-            supportsMessage: i().node
-        };
-        /**
+        return n;
+    }
+    /** @public */
+    /** @public */    var Ur = {
+        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: 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 qe(t) {
-            var a = t.accept, n = t.allowMultiple, i = t.children, o = t.disabled, s = t.dropAnywhere, d = t.error, u = t.fullscreen, h = t.help, g = t.name, y = t.onRequestAdd, x = t.onRequestRemove, C = t.onRequestRetry, k = t.required, w = t.supportsMessage, S = Ie(t, [ "accept", "allowMultiple", "children", "disabled", "dropAnywhere", "error", "fullscreen", "help", "name", "onRequestAdd", "onRequestRemove", "onRequestRetry", "required", "supportsMessage" ]);
-            // @docs-props-type FilePropsBase
-                        var _ = (0, f.useSplunkTheme)(), E = _.isPrisma;
-            var I = (0, e.useState)(false), R = ke(I, 2), L = R[0], q = R[1];
-            var P = (0, e.useState)(false), $ = ke(P, 2), j = $[0], T = $[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, 
-            e.useState)(0), A = ke(D, 2), N = A[0], M = A[1];
-            var H = (0, b.createDOMID)();
-            var F = (0, e.useCallback)((function(e) {
-                if (e !== undefined && e.length > 0) {
-                    var r = Array.from(e);
-                    y === null || y === void 0 ? void 0 : y(n ? r : [ r[0] ], {
-                        name: g
-                    });
-                } else {
-                    y === null || y === void 0 ? void 0 : y([], {
-                        name: g
-                    });
-                }
-                M((function(e) {
-                    return e + 1;
-                }));
-            }), [ n, g, y ]);
-            var z = (0, e.useCallback)((function(e) {
-                var r;
-                F((r = e.currentTarget.files) !== null && r !== void 0 ? r : undefined);
-            }), [ F ]);
-            var V = (0, e.useCallback)((function() {
-                T(true);
-            }), []);
-            var B = (0, e.useCallback)((function() {
-                T(false);
-            }), []);
-            var G = (0, e.useCallback)((function(e) {
-                if (!L) {
-                    q(true);
-                }
-                e.preventDefault();
-            }), [ L ]);
-            var Z = (0, e.useMemo)((function() {
-                return l()((function() {
-                    return q(false);
-                }), 300);
-            }), [ q ]);
-            var W = (0, e.useCallback)((function(e) {
-                var r;
-                e.preventDefault();
-                Z();
-                F((r = e.dataTransfer) === null || r === void 0 ? void 0 : r.files);
-            }), [ F, Z ]);
-            var U = (0, e.useCallback)((function(e) {
-                var r = e.name, t = e.index, a = e.itemId;
-                C === null || C === void 0 ? void 0 : C({
-                    event: e,
-                    filename: r,
-                    index: t,
-                    itemId: a,
-                    name: g
-                });
-            }), [ g, C ]);
-            var X = (0, e.useCallback)((function(e) {
-                var r = e.name, t = e.index, a = e.itemId;
-                x === null || x === void 0 ? void 0 : x({
-                    event: e,
-                    filename: r,
-                    index: t,
-                    itemId: a,
-                    name: g
+ */    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" ]);
+        // @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];
+        /* 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) {
+            if (e !== undefined && e.length > 0) {
+                var r = Array.from(e);
+                k === null || k === void 0 ? void 0 : k(a ? r : [ r[0] ], {
+                    name: h
                 });
-            }), [ g, x ]);
-            var J = 0;
-            var K = e.Children.toArray(i).filter(e.isValidElement).map((function(r, t) {
-                J += 1;
-                
-                return (0, e.cloneElement)(r, {
-                    index: t,
-                    key: r.key || r.props.itemId || "item-".concat(t)
+            } else {
+                k === null || k === void 0 ? void 0 : k([], {
+                    name: h
                 });
+            }
+            $((function(e) {
+                return e + 1;
             }));
-            var Q = u || s;
-            var Y = Q || o;
-            var ee = Q && !o;
-            var re = u ? xe : ye;
-            var te = u ? me : fe;
-            var ae = u ? ue : pe;
-            var ne = Y ? false : L || false;
-            var ie = c()(a) && p()(a.split(",").join(", "));
-            var oe = null;
-            if (w) {
-                oe =  r().createElement(be, {
-                    "data-test": "file-supports"
-                }, w);
-            } else if (E && !o) {
-                oe = a ?  r().createElement(be, {
-                    "data-test": "file-supports"
-                }, (0, m._)("Supports ".concat(ie))) :  r().createElement(be, {
-                    "data-test": "file-supports"
-                }, (0, m._)("Supports all file types"));
+        }), [ a, h, k ]);
+        var X = (0, n.useCallback)((function(e) {
+            var r;
+            B((r = e.currentTarget.files) !== null && r !== void 0 ? r : undefined);
+        }), [ B ]);
+        var L = (0, n.useCallback)((function() {
+            P(true);
+        }), []);
+        var U = (0, n.useCallback)((function() {
+            P(false);
+        }), []);
+        var W = (0, n.useCallback)((function(e) {
+            if (!E) {
+                R(true);
             }
-            var le = (0, e.useMemo)((function() {
-                return {
-                    disabled: !!o,
-                    onRequestRemove: x ? X : undefined,
-                    onRequestRetry: C ? U : undefined
-                };
-            }), [ o, X, U, x, C ]);
+            e.preventDefault();
+        }), [ E ]);
+        var z = (0, n.useMemo)((function() {
+            return o()((function() {
+                return R(false);
+            }), 300);
+        }), [ R ]);
+        var H = (0, n.useCallback)((function(e) {
+            var r;
+            e.preventDefault();
+            z();
+            B((r = e.dataTransfer) === null || r === void 0 ? void 0 : r.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({
+                event: e,
+                filename: r,
+                index: n,
+                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({
+                event: e,
+                filename: r,
+                index: n,
+                itemId: t,
+                name: h
+            });
+        }), [ h, q ]);
+        var Z = n.Children.toArray(i).filter(n.isValidElement).map((function(e, r) {
             
-            return r().createElement(re, Ce({
-                onDragOver: Y ? undefined : G,
-                onDragLeave: Y ? undefined : Z,
-                onDrop: Y ? undefined : W,
-                $disabled: !!o,
-                $dragOver: ne,
-                $error: !!d,
-                $fileCount: J,
-                "data-test": "file",
-                "data-test-disabled": o,
-                "data-test-error": !!d
-            }, S),  r().createElement(te, {
-                $disabled: !!o,
-                $dragOver: ne,
-                $error: !!d
-            }, !o && !E &&  r().createElement(ae, {
-                $dragOver: ne,
-                $error: !!d
-            }), " ",  r().createElement("span", {
-                "data-test": "file-label"
-            }, !Q && !o && (0, m._)("Drop your file here or"), ee && (0, m._)("Drop your file anywhere or"), " ", J === 0 && o && (0, 
-            m._)("No files selected"),  r().createElement(ve, {
-                htmlFor: H,
-                "data-test": "file-link",
-                "data-focused": j || null
-            },  r().createElement(ce, {
-                accept: a,
-                "data-test": "file-input",
-                disabled: o,
-                id: H,
-                key: "file-input-".concat(N),
-                multiple: n || undefined,
-                onBlur: B,
-                onChange: z,
-                onFocus: V,
-                required: k,
-                type: "file"
-            }), !o && (0, m._)("upload file…"))), oe), !o && h &&  r().createElement(he, {
-                "data-test": "help"
-            }, h), ee && L &&  r().createElement(ge, {
-                "data-test": "file-window-drop",
-                onDragLeave: Z
-            }), ee &&  r().createElement(r().Fragment, null,  r().createElement(v(), {
-                target: window,
-                eventType: "dragover",
-                listener: G
-            }),  r().createElement(v(), {
-                target: window,
-                eventType: "drop",
-                listener: W
-            })),  r().createElement(O.Provider, {
-                value: le
-            }, K));
+            return (0, n.cloneElement)(e, {
+                index: r,
+                key: e.key || e.props.itemId || "item-".concat(r)
+            });
+        }));
+        var V = b || s;
+        var K = V || l;
+        var Q = V && !l;
+        var Y = l ? false : E || 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;
+        if (!te) {
+            te = r ? (0, m.sprintf)((0, f._)("Supports %(fileTypes)s"), {
+                fileTypes: re
+            }) : (0, f._)("Supports all file types");
         }
-        qe.propTypes = Le;
-        qe.componentType = "File";
-        qe.Item = oe;
-        /* harmony default export */        const Pe = qe;
-    }) // CONCATENATED MODULE: ./src/File/index.ts
-    ();
-    module.exports = a;
+        var ae = (0, n.useMemo)((function() {
+            return {
+                disabled: !!l,
+                onRequestRemove: q ? G : undefined,
+                onRequestRetry: w ? J : undefined
+            };
+        }), [ l, G, J, q, w ]);
+        
+        return t().createElement(Fr, Pr({
+            ref: u,
+            "data-test": "file",
+            "data-test-disabled": l,
+            "data-test-error": !!p
+        }, F),  t().createElement("label", {
+            htmlFor: N,
+            "data-test": "file-label"
+        },  t().createElement(Rr, {
+            "data-test": "file-drop-target",
+            onDragOver: K ? undefined : W,
+            onDragLeave: K ? undefined : z,
+            onDrop: K ? undefined : H,
+            $disabled: !!l,
+            $dragOver: Y,
+            $error: !!p,
+            $screenMode: ee,
+            $focused: A
+        },  t().createElement(Ir, {
+            $screenMode: ee
+        }),  t().createElement(xr, {
+            accept: r,
+            "data-test": "file-input",
+            disabled: l,
+            id: N,
+            key: "file-input-".concat(T),
+            multiple: a || undefined,
+            onBlur: U,
+            onChange: X,
+            onFocus: L,
+            required: S,
+            type: "file"
+        }),  t().createElement(_r, null, ne),  t().createElement(Er, {
+            "data-test": "file-supports"
+        }, te), Q && E &&  t().createElement(jr, {
+            "data-test": "file-window-drop",
+            onDragLeave: z
+        }), Q &&  t().createElement(t().Fragment, null,  t().createElement(v(), {
+            target: window,
+            eventType: "dragover",
+            listener: W
+        }),  t().createElement(v(), {
+            target: window,
+            eventType: "drop",
+            listener: H
+        })))), !l && g &&  t().createElement(Or, {
+            "data-test": "help"
+        }, g),  t().createElement(C.Provider, {
+            value: ae
+        },  t().createElement(Ar, null, Z)));
+    }
+    Wr.propTypes = Ur;
+    Wr.componentType = "File";
+    Wr.Item = kr;
+    /* harmony default export */    const zr = Wr;
+    // CONCATENATED MODULE: ./src/File/index.ts
+    module.exports = r;
     /******/})();