@webiny/admin-ui 6.4.5-beta.0 → 6.6.0-alpha.0

package/EmptyState/illustrations/SelectIllustration.js

@@ -0,0 +1,100 @@
+import react from "react";
+const SelectIllustration = (props)=>/*#__PURE__*/ react.createElement("svg", {
+        viewBox: "0 0 145 120",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props
+    }, /*#__PURE__*/ react.createElement("g", null, /*#__PURE__*/ react.createElement("g", null, /*#__PURE__*/ react.createElement("g", {
+        filter: "url(#es_select_filter0_d_6795_48832)"
+    }, /*#__PURE__*/ react.createElement("path", {
+        d: "M9.83984 16.4211C9.83984 12.0029 13.4216 8.42114 17.8398 8.42114H126.84C131.258 8.42114 134.84 12.0029 134.84 16.4211V100.421C134.84 104.839 131.258 108.421 126.84 108.421H17.8398C13.4216 108.421 9.83984 104.839 9.83984 100.421V16.4211Z",
+        fill: "white"
+    })), /*#__PURE__*/ react.createElement("rect", {
+        x: "21.0376",
+        y: "35.5716",
+        width: "30.1421",
+        height: "6.06791",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "21.0376",
+        y: "54.0071",
+        width: "30.1421",
+        height: "6.06791",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "21.0376",
+        y: "44.5868",
+        width: "30.1421",
+        height: "6.47244",
+        rx: "1.71",
+        fill: "#FA5723"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "21.0376",
+        y: "63.0223",
+        width: "30.1421",
+        height: "6.47244",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "59.0981",
+        y: "35.5716",
+        width: "64.1833",
+        height: "57.6158",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("ellipse", {
+        cx: "20.7858",
+        cy: "18.8146",
+        rx: "2.47525",
+        ry: "2.5",
+        fill: "#FA5723"
+    }), /*#__PURE__*/ react.createElement("ellipse", {
+        cx: "28.8302",
+        cy: "18.8146",
+        rx: "2.47525",
+        ry: "2.5",
+        fill: "#FA5723"
+    }), /*#__PURE__*/ react.createElement("ellipse", {
+        cx: "37.4933",
+        cy: "18.8146",
+        rx: "2.47525",
+        ry: "2.5",
+        fill: "#FA5723"
+    }))), /*#__PURE__*/ react.createElement("defs", null, /*#__PURE__*/ react.createElement("filter", {
+        id: "es_select_filter0_d_6795_48832",
+        x: "-0.000156403",
+        y: "-2.15769e-05",
+        width: "144.68",
+        height: "119.68",
+        filterUnits: "userSpaceOnUse",
+        colorInterpolationFilters: "sRGB"
+    }, /*#__PURE__*/ react.createElement("feFlood", {
+        floodOpacity: "0",
+        result: "BackgroundImageFix"
+    }), /*#__PURE__*/ react.createElement("feColorMatrix", {
+        in: "SourceAlpha",
+        type: "matrix",
+        values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+        result: "hardAlpha"
+    }), /*#__PURE__*/ react.createElement("feOffset", {
+        dy: "1.41884"
+    }), /*#__PURE__*/ react.createElement("feGaussianBlur", {
+        stdDeviation: "4.92"
+    }), /*#__PURE__*/ react.createElement("feColorMatrix", {
+        type: "matrix",
+        values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
+    }), /*#__PURE__*/ react.createElement("feBlend", {
+        mode: "normal",
+        in2: "BackgroundImageFix",
+        result: "effect1_dropShadow_6795_48832"
+    }), /*#__PURE__*/ react.createElement("feBlend", {
+        mode: "normal",
+        in: "SourceGraphic",
+        in2: "effect1_dropShadow_6795_48832",
+        result: "shape"
+    }))));
+export { SelectIllustration };
+
+//# sourceMappingURL=SelectIllustration.js.map

package/EmptyState/illustrations/SelectIllustration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState/illustrations/SelectIllustration.js","sources":["../../../src/EmptyState/illustrations/SelectIllustration.tsx"],"sourcesContent":["import React from \"react\";\n\nexport const SelectIllustration = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg viewBox=\"0 0 145 120\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n        <g>\n            <g>\n                <g filter=\"url(#es_select_filter0_d_6795_48832)\">\n                    <path\n                        d=\"M9.83984 16.4211C9.83984 12.0029 13.4216 8.42114 17.8398 8.42114H126.84C131.258 8.42114 134.84 12.0029 134.84 16.4211V100.421C134.84 104.839 131.258 108.421 126.84 108.421H17.8398C13.4216 108.421 9.83984 104.839 9.83984 100.421V16.4211Z\"\n                        fill=\"white\"\n                    />\n                </g>\n                <rect\n                    x=\"21.0376\"\n                    y=\"35.5716\"\n                    width=\"30.1421\"\n                    height=\"6.06791\"\n                    rx=\"1.71\"\n                    fill=\"#F0F1F3\"\n                />\n                <rect\n                    x=\"21.0376\"\n                    y=\"54.0071\"\n                    width=\"30.1421\"\n                    height=\"6.06791\"\n                    rx=\"1.71\"\n                    fill=\"#F0F1F3\"\n                />\n                <rect\n                    x=\"21.0376\"\n                    y=\"44.5868\"\n                    width=\"30.1421\"\n                    height=\"6.47244\"\n                    rx=\"1.71\"\n                    fill=\"#FA5723\"\n                />\n                <rect\n                    x=\"21.0376\"\n                    y=\"63.0223\"\n                    width=\"30.1421\"\n                    height=\"6.47244\"\n                    rx=\"1.71\"\n                    fill=\"#F0F1F3\"\n                />\n                <rect\n                    x=\"59.0981\"\n                    y=\"35.5716\"\n                    width=\"64.1833\"\n                    height=\"57.6158\"\n                    rx=\"1.71\"\n                    fill=\"#F0F1F3\"\n                />\n                <ellipse cx=\"20.7858\" cy=\"18.8146\" rx=\"2.47525\" ry=\"2.5\" fill=\"#FA5723\" />\n                <ellipse cx=\"28.8302\" cy=\"18.8146\" rx=\"2.47525\" ry=\"2.5\" fill=\"#FA5723\" />\n                <ellipse cx=\"37.4933\" cy=\"18.8146\" rx=\"2.47525\" ry=\"2.5\" fill=\"#FA5723\" />\n            </g>\n        </g>\n        <defs>\n            <filter\n                id=\"es_select_filter0_d_6795_48832\"\n                x=\"-0.000156403\"\n                y=\"-2.15769e-05\"\n                width=\"144.68\"\n                height=\"119.68\"\n                filterUnits=\"userSpaceOnUse\"\n                colorInterpolationFilters=\"sRGB\"\n            >\n                <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n                <feColorMatrix\n                    in=\"SourceAlpha\"\n                    type=\"matrix\"\n                    values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n                    result=\"hardAlpha\"\n                />\n                <feOffset dy=\"1.41884\" />\n                <feGaussianBlur stdDeviation=\"4.92\" />\n                <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\" />\n                <feBlend\n                    mode=\"normal\"\n                    in2=\"BackgroundImageFix\"\n                    result=\"effect1_dropShadow_6795_48832\"\n                />\n                <feBlend\n                    mode=\"normal\"\n                    in=\"SourceGraphic\"\n                    in2=\"effect1_dropShadow_6795_48832\"\n                    result=\"shape\"\n                />\n            </filter>\n        </defs>\n    </svg>\n);\n"],"names":["SelectIllustration","props"],"mappings":";AAEO,MAAMA,qBAAqB,CAACC,QAAAA,WAAAA,GAC/B,oBAAC;QAAI,SAAQ;QAAc,MAAK;QAAO,OAAM;QAA8B,GAAGA,KAAK;qBAC/E,oBAAC,yBACG,oBAAC,yBACG,oBAAC;QAAE,QAAO;qBACN,oBAAC;QACG,GAAE;QACF,MAAK;uBAGb,oBAAC;QACG,GAAE;QACF,GAAE;QACF,OAAM;QACN,QAAO;QACP,IAAG;QACH,MAAK;sBAET,oBAAC;QACG,GAAE;QACF,GAAE;QACF,OAAM;QACN,QAAO;QACP,IAAG;QACH,MAAK;sBAET,oBAAC;QACG,GAAE;QACF,GAAE;QACF,OAAM;QACN,QAAO;QACP,IAAG;QACH,MAAK;sBAET,oBAAC;QACG,GAAE;QACF,GAAE;QACF,OAAM;QACN,QAAO;QACP,IAAG;QACH,MAAK;sBAET,oBAAC;QACG,GAAE;QACF,GAAE;QACF,OAAM;QACN,QAAO;QACP,IAAG;QACH,MAAK;sBAET,oBAAC;QAAQ,IAAG;QAAU,IAAG;QAAU,IAAG;QAAU,IAAG;QAAM,MAAK;sBAC9D,oBAAC;QAAQ,IAAG;QAAU,IAAG;QAAU,IAAG;QAAU,IAAG;QAAM,MAAK;sBAC9D,oBAAC;QAAQ,IAAG;QAAU,IAAG;QAAU,IAAG;QAAU,IAAG;QAAM,MAAK;wBAGtE,oBAAC,4BACG,oBAAC;QACG,IAAG;QACH,GAAE;QACF,GAAE;QACF,OAAM;QACN,QAAO;QACP,aAAY;QACZ,2BAA0B;qBAE1B,oBAAC;QAAQ,cAAa;QAAI,QAAO;sBACjC,oBAAC;QACG,IAAG;QACH,MAAK;QACL,QAAO;QACP,QAAO;sBAEX,oBAAC;QAAS,IAAG;sBACb,oBAAC;QAAe,cAAa;sBAC7B,oBAAC;QAAc,MAAK;QAAS,QAAO;sBACpC,oBAAC;QACG,MAAK;QACL,KAAI;QACJ,QAAO;sBAEX,oBAAC;QACG,MAAK;QACL,IAAG;QACH,KAAI;QACJ,QAAO"}

package/EmptyState/illustrations/TableIllustration.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const TableIllustration: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/EmptyState/illustrations/TableIllustration.js

@@ -0,0 +1,233 @@
+import react from "react";
+const TableIllustration = (props)=>/*#__PURE__*/ react.createElement("svg", {
+        viewBox: "0 0 145 120",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props
+    }, /*#__PURE__*/ react.createElement("g", null, /*#__PURE__*/ react.createElement("g", null, /*#__PURE__*/ react.createElement("g", null, /*#__PURE__*/ react.createElement("g", {
+        filter: "url(#es_table_filter0_d_6795_48832)"
+    }, /*#__PURE__*/ react.createElement("path", {
+        d: "M9.83984 16.4212C9.83984 12.0029 13.4216 8.42116 17.8398 8.42116H126.84C131.258 8.42116 134.84 12.0029 134.84 16.4212V100.421C134.84 104.839 131.258 108.421 126.84 108.421H17.8398C13.4216 108.421 9.83984 104.839 9.83984 100.421V16.4212Z",
+        fill: "white"
+    })), /*#__PURE__*/ react.createElement("ellipse", {
+        cx: "20.7853",
+        cy: "18.8145",
+        rx: "2.47525",
+        ry: "2.5",
+        fill: "#FA5723"
+    }), /*#__PURE__*/ react.createElement("ellipse", {
+        cx: "28.8302",
+        cy: "18.8145",
+        rx: "2.47525",
+        ry: "2.5",
+        fill: "#FA5723"
+    }), /*#__PURE__*/ react.createElement("ellipse", {
+        cx: "37.4938",
+        cy: "18.8145",
+        rx: "2.47525",
+        ry: "2.5",
+        fill: "#FA5723"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "18.3101",
+        y: "38.553",
+        width: "24.953",
+        height: "6.04586",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "18.3101",
+        y: "56.6906",
+        width: "24.953",
+        height: "7.0535",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "18.3101",
+        y: "47.6218",
+        width: "24.953",
+        height: "6.04586",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "18.3101",
+        y: "66.767",
+        width: "24.953",
+        height: "7.0535",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "45.9531",
+        y: "38.553",
+        width: "24.953",
+        height: "6.04586",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "45.9531",
+        y: "56.8422",
+        width: "24.953",
+        height: "7.0535",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "45.9531",
+        y: "47.6976",
+        width: "24.953",
+        height: "6.04586",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "45.9531",
+        y: "66.9944",
+        width: "24.953",
+        height: "7.0535",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "73.4009",
+        y: "38.553",
+        width: "24.953",
+        height: "6.04586",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "73.4009",
+        y: "56.8422",
+        width: "24.953",
+        height: "7.0535",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "73.4009",
+        y: "47.6976",
+        width: "24.953",
+        height: "6.04586",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "73.4009",
+        y: "66.9944",
+        width: "24.953",
+        height: "7.0535",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "100.85",
+        y: "38.553",
+        width: "24.953",
+        height: "6.04586",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "100.85",
+        y: "56.8422",
+        width: "24.953",
+        height: "7.0535",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "100.85",
+        y: "47.6976",
+        width: "24.953",
+        height: "6.04586",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "100.85",
+        y: "66.9944",
+        width: "24.953",
+        height: "7.0535",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "18.3101",
+        y: "76.8435",
+        width: "24.953",
+        height: "7.0535",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "18.3101",
+        y: "86.9199",
+        width: "24.953",
+        height: "7.0535",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "45.9531",
+        y: "77.1466",
+        width: "24.953",
+        height: "7.0535",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "45.9531",
+        y: "87.2988",
+        width: "24.953",
+        height: "7.0535",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "73.4009",
+        y: "77.1466",
+        width: "24.953",
+        height: "7.0535",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "73.4009",
+        y: "87.2988",
+        width: "24.953",
+        height: "7.0535",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "100.85",
+        y: "77.1466",
+        width: "24.953",
+        height: "7.0535",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    }), /*#__PURE__*/ react.createElement("rect", {
+        x: "100.85",
+        y: "87.2988",
+        width: "24.953",
+        height: "7.0535",
+        rx: "1.71",
+        fill: "#F0F1F3"
+    })))), /*#__PURE__*/ react.createElement("defs", null, /*#__PURE__*/ react.createElement("filter", {
+        id: "es_table_filter0_d_6795_48832",
+        x: "-0.000156403",
+        y: "-6.31809e-06",
+        width: "144.68",
+        height: "119.68",
+        filterUnits: "userSpaceOnUse",
+        colorInterpolationFilters: "sRGB"
+    }, /*#__PURE__*/ react.createElement("feFlood", {
+        floodOpacity: "0",
+        result: "BackgroundImageFix"
+    }), /*#__PURE__*/ react.createElement("feColorMatrix", {
+        in: "SourceAlpha",
+        type: "matrix",
+        values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+        result: "hardAlpha"
+    }), /*#__PURE__*/ react.createElement("feOffset", {
+        dy: "1.41884"
+    }), /*#__PURE__*/ react.createElement("feGaussianBlur", {
+        stdDeviation: "4.92"
+    }), /*#__PURE__*/ react.createElement("feColorMatrix", {
+        type: "matrix",
+        values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
+    }), /*#__PURE__*/ react.createElement("feBlend", {
+        mode: "normal",
+        in2: "BackgroundImageFix",
+        result: "effect1_dropShadow_6795_48832"
+    }), /*#__PURE__*/ react.createElement("feBlend", {
+        mode: "normal",
+        in: "SourceGraphic",
+        in2: "effect1_dropShadow_6795_48832",
+        result: "shape"
+    }))));
+export { TableIllustration };
+
+//# sourceMappingURL=TableIllustration.js.map

package/EmptyState/illustrations/TableIllustration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState/illustrations/TableIllustration.js","sources":["../../../src/EmptyState/illustrations/TableIllustration.tsx"],"sourcesContent":["import React from \"react\";\n\nexport const TableIllustration = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg viewBox=\"0 0 145 120\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n        <g>\n            <g>\n                <g>\n                    <g filter=\"url(#es_table_filter0_d_6795_48832)\">\n                        <path\n                            d=\"M9.83984 16.4212C9.83984 12.0029 13.4216 8.42116 17.8398 8.42116H126.84C131.258 8.42116 134.84 12.0029 134.84 16.4212V100.421C134.84 104.839 131.258 108.421 126.84 108.421H17.8398C13.4216 108.421 9.83984 104.839 9.83984 100.421V16.4212Z\"\n                            fill=\"white\"\n                        />\n                    </g>\n                    <ellipse cx=\"20.7853\" cy=\"18.8145\" rx=\"2.47525\" ry=\"2.5\" fill=\"#FA5723\" />\n                    <ellipse cx=\"28.8302\" cy=\"18.8145\" rx=\"2.47525\" ry=\"2.5\" fill=\"#FA5723\" />\n                    <ellipse cx=\"37.4938\" cy=\"18.8145\" rx=\"2.47525\" ry=\"2.5\" fill=\"#FA5723\" />\n                    <rect\n                        x=\"18.3101\"\n                        y=\"38.553\"\n                        width=\"24.953\"\n                        height=\"6.04586\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"18.3101\"\n                        y=\"56.6906\"\n                        width=\"24.953\"\n                        height=\"7.0535\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"18.3101\"\n                        y=\"47.6218\"\n                        width=\"24.953\"\n                        height=\"6.04586\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"18.3101\"\n                        y=\"66.767\"\n                        width=\"24.953\"\n                        height=\"7.0535\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"45.9531\"\n                        y=\"38.553\"\n                        width=\"24.953\"\n                        height=\"6.04586\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"45.9531\"\n                        y=\"56.8422\"\n                        width=\"24.953\"\n                        height=\"7.0535\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"45.9531\"\n                        y=\"47.6976\"\n                        width=\"24.953\"\n                        height=\"6.04586\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"45.9531\"\n                        y=\"66.9944\"\n                        width=\"24.953\"\n                        height=\"7.0535\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"73.4009\"\n                        y=\"38.553\"\n                        width=\"24.953\"\n                        height=\"6.04586\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"73.4009\"\n                        y=\"56.8422\"\n                        width=\"24.953\"\n                        height=\"7.0535\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"73.4009\"\n                        y=\"47.6976\"\n                        width=\"24.953\"\n                        height=\"6.04586\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"73.4009\"\n                        y=\"66.9944\"\n                        width=\"24.953\"\n                        height=\"7.0535\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"100.85\"\n                        y=\"38.553\"\n                        width=\"24.953\"\n                        height=\"6.04586\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"100.85\"\n                        y=\"56.8422\"\n                        width=\"24.953\"\n                        height=\"7.0535\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"100.85\"\n                        y=\"47.6976\"\n                        width=\"24.953\"\n                        height=\"6.04586\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"100.85\"\n                        y=\"66.9944\"\n                        width=\"24.953\"\n                        height=\"7.0535\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"18.3101\"\n                        y=\"76.8435\"\n                        width=\"24.953\"\n                        height=\"7.0535\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"18.3101\"\n                        y=\"86.9199\"\n                        width=\"24.953\"\n                        height=\"7.0535\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"45.9531\"\n                        y=\"77.1466\"\n                        width=\"24.953\"\n                        height=\"7.0535\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"45.9531\"\n                        y=\"87.2988\"\n                        width=\"24.953\"\n                        height=\"7.0535\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"73.4009\"\n                        y=\"77.1466\"\n                        width=\"24.953\"\n                        height=\"7.0535\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"73.4009\"\n                        y=\"87.2988\"\n                        width=\"24.953\"\n                        height=\"7.0535\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"100.85\"\n                        y=\"77.1466\"\n                        width=\"24.953\"\n                        height=\"7.0535\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                    <rect\n                        x=\"100.85\"\n                        y=\"87.2988\"\n                        width=\"24.953\"\n                        height=\"7.0535\"\n                        rx=\"1.71\"\n                        fill=\"#F0F1F3\"\n                    />\n                </g>\n            </g>\n        </g>\n        <defs>\n            <filter\n                id=\"es_table_filter0_d_6795_48832\"\n                x=\"-0.000156403\"\n                y=\"-6.31809e-06\"\n                width=\"144.68\"\n                height=\"119.68\"\n                filterUnits=\"userSpaceOnUse\"\n                colorInterpolationFilters=\"sRGB\"\n            >\n                <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n                <feColorMatrix\n                    in=\"SourceAlpha\"\n                    type=\"matrix\"\n                    values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n                    result=\"hardAlpha\"\n                />\n                <feOffset dy=\"1.41884\" />\n                <feGaussianBlur stdDeviation=\"4.92\" />\n                <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\" />\n                <feBlend\n                    mode=\"normal\"\n                    in2=\"BackgroundImageFix\"\n                    result=\"effect1_dropShadow_6795_48832\"\n                />\n                <feBlend\n                    mode=\"normal\"\n                    in=\"SourceGraphic\"\n                    in2=\"effect1_dropShadow_6795_48832\"\n                    result=\"shape\"\n                />\n            </filter>\n        </defs>\n    </svg>\n);\n"],"names":["TableIllustration","props"],"mappings":"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"}

package/EmptyState/illustrations/UploadIllustration.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const UploadIllustration: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/EmptyState/illustrations/UploadIllustration.js

@@ -0,0 +1,77 @@
+import react from "react";
+const UploadIllustration = (props)=>/*#__PURE__*/ react.createElement("svg", {
+        viewBox: "0 0 145 120",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props
+    }, /*#__PURE__*/ react.createElement("g", null, /*#__PURE__*/ react.createElement("g", null, /*#__PURE__*/ react.createElement("g", null, /*#__PURE__*/ react.createElement("g", {
+        filter: "url(#es_upload_filter0_d_6795_48832)"
+    }, /*#__PURE__*/ react.createElement("path", {
+        d: "M9.83984 16.4211C9.83984 12.0029 13.4216 8.42114 17.8398 8.42114H126.84C131.258 8.42114 134.84 12.0029 134.84 16.4211V100.421C134.84 104.839 131.258 108.421 126.84 108.421H17.8398C13.4216 108.421 9.83984 104.839 9.83984 100.421V16.4211Z",
+        fill: "white"
+    })), /*#__PURE__*/ react.createElement("ellipse", {
+        cx: "20.7853",
+        cy: "18.8145",
+        rx: "2.47525",
+        ry: "2.5",
+        fill: "#FA5723"
+    }), /*#__PURE__*/ react.createElement("ellipse", {
+        cx: "28.8302",
+        cy: "18.8145",
+        rx: "2.47525",
+        ry: "2.5",
+        fill: "#FA5723"
+    }), /*#__PURE__*/ react.createElement("ellipse", {
+        cx: "37.4938",
+        cy: "18.8145",
+        rx: "2.47525",
+        ry: "2.5",
+        fill: "#FA5723"
+    }), /*#__PURE__*/ react.createElement("g", {
+        clipPath: "url(#es_upload_clip0_6795_48832)"
+    }, /*#__PURE__*/ react.createElement("path", {
+        d: "M89.2764 58.5558C87.8065 50.8348 81.2568 45.0385 73.3885 45.0385C67.1415 45.0385 61.7158 48.7088 59.0138 54.0799C52.5074 54.796 47.4492 60.5028 47.4492 67.4181C47.4492 74.8257 53.2639 80.8458 60.4189 80.8458H88.5198C94.4858 80.8458 99.3278 75.8328 99.3278 69.656C99.3278 63.7478 94.8965 58.9586 89.2764 58.5558ZM88.5198 76.3699H60.4189C55.6417 76.3699 51.7724 72.364 51.7724 67.4181C51.7724 62.8303 55.0797 59.0034 59.4678 58.5334L61.7807 58.2872L62.8615 56.1612C64.915 52.0657 68.9356 49.5144 73.3885 49.5144C79.0519 49.5144 83.9372 53.677 85.0396 59.4286L85.6881 62.7855L88.9953 63.0317C92.3675 63.2555 95.0046 66.1872 95.0046 69.656C95.0046 73.3487 92.0864 76.3699 88.5198 76.3699ZM64.7421 65.1801H70.2542V71.894H76.5229V65.1801H82.035L73.3885 56.2283L64.7421 65.1801Z",
+        fill: "#BEC3CC"
+    }))))), /*#__PURE__*/ react.createElement("defs", null, /*#__PURE__*/ react.createElement("filter", {
+        id: "es_upload_filter0_d_6795_48832",
+        x: "-0.000156403",
+        y: "-2.15769e-05",
+        width: "144.68",
+        height: "119.68",
+        filterUnits: "userSpaceOnUse",
+        colorInterpolationFilters: "sRGB"
+    }, /*#__PURE__*/ react.createElement("feFlood", {
+        floodOpacity: "0",
+        result: "BackgroundImageFix"
+    }), /*#__PURE__*/ react.createElement("feColorMatrix", {
+        in: "SourceAlpha",
+        type: "matrix",
+        values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+        result: "hardAlpha"
+    }), /*#__PURE__*/ react.createElement("feOffset", {
+        dy: "1.41884"
+    }), /*#__PURE__*/ react.createElement("feGaussianBlur", {
+        stdDeviation: "4.92"
+    }), /*#__PURE__*/ react.createElement("feColorMatrix", {
+        type: "matrix",
+        values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
+    }), /*#__PURE__*/ react.createElement("feBlend", {
+        mode: "normal",
+        in2: "BackgroundImageFix",
+        result: "effect1_dropShadow_6795_48832"
+    }), /*#__PURE__*/ react.createElement("feBlend", {
+        mode: "normal",
+        in: "SourceGraphic",
+        in2: "effect1_dropShadow_6795_48832",
+        result: "shape"
+    })), /*#__PURE__*/ react.createElement("clipPath", {
+        id: "es_upload_clip0_6795_48832"
+    }, /*#__PURE__*/ react.createElement("rect", {
+        width: "51.8786",
+        height: "53.7109",
+        fill: "white",
+        transform: "translate(47.4492 36.0867)"
+    }))));
+export { UploadIllustration };
+
+//# sourceMappingURL=UploadIllustration.js.map

package/EmptyState/illustrations/UploadIllustration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState/illustrations/UploadIllustration.js","sources":["../../../src/EmptyState/illustrations/UploadIllustration.tsx"],"sourcesContent":["import React from \"react\";\n\nexport const UploadIllustration = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg viewBox=\"0 0 145 120\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n        <g>\n            <g>\n                <g>\n                    <g filter=\"url(#es_upload_filter0_d_6795_48832)\">\n                        <path\n                            d=\"M9.83984 16.4211C9.83984 12.0029 13.4216 8.42114 17.8398 8.42114H126.84C131.258 8.42114 134.84 12.0029 134.84 16.4211V100.421C134.84 104.839 131.258 108.421 126.84 108.421H17.8398C13.4216 108.421 9.83984 104.839 9.83984 100.421V16.4211Z\"\n                            fill=\"white\"\n                        />\n                    </g>\n                    <ellipse cx=\"20.7853\" cy=\"18.8145\" rx=\"2.47525\" ry=\"2.5\" fill=\"#FA5723\" />\n                    <ellipse cx=\"28.8302\" cy=\"18.8145\" rx=\"2.47525\" ry=\"2.5\" fill=\"#FA5723\" />\n                    <ellipse cx=\"37.4938\" cy=\"18.8145\" rx=\"2.47525\" ry=\"2.5\" fill=\"#FA5723\" />\n                    <g clipPath=\"url(#es_upload_clip0_6795_48832)\">\n                        <path\n                            d=\"M89.2764 58.5558C87.8065 50.8348 81.2568 45.0385 73.3885 45.0385C67.1415 45.0385 61.7158 48.7088 59.0138 54.0799C52.5074 54.796 47.4492 60.5028 47.4492 67.4181C47.4492 74.8257 53.2639 80.8458 60.4189 80.8458H88.5198C94.4858 80.8458 99.3278 75.8328 99.3278 69.656C99.3278 63.7478 94.8965 58.9586 89.2764 58.5558ZM88.5198 76.3699H60.4189C55.6417 76.3699 51.7724 72.364 51.7724 67.4181C51.7724 62.8303 55.0797 59.0034 59.4678 58.5334L61.7807 58.2872L62.8615 56.1612C64.915 52.0657 68.9356 49.5144 73.3885 49.5144C79.0519 49.5144 83.9372 53.677 85.0396 59.4286L85.6881 62.7855L88.9953 63.0317C92.3675 63.2555 95.0046 66.1872 95.0046 69.656C95.0046 73.3487 92.0864 76.3699 88.5198 76.3699ZM64.7421 65.1801H70.2542V71.894H76.5229V65.1801H82.035L73.3885 56.2283L64.7421 65.1801Z\"\n                            fill=\"#BEC3CC\"\n                        />\n                    </g>\n                </g>\n            </g>\n        </g>\n        <defs>\n            <filter\n                id=\"es_upload_filter0_d_6795_48832\"\n                x=\"-0.000156403\"\n                y=\"-2.15769e-05\"\n                width=\"144.68\"\n                height=\"119.68\"\n                filterUnits=\"userSpaceOnUse\"\n                colorInterpolationFilters=\"sRGB\"\n            >\n                <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n                <feColorMatrix\n                    in=\"SourceAlpha\"\n                    type=\"matrix\"\n                    values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n                    result=\"hardAlpha\"\n                />\n                <feOffset dy=\"1.41884\" />\n                <feGaussianBlur stdDeviation=\"4.92\" />\n                <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\" />\n                <feBlend\n                    mode=\"normal\"\n                    in2=\"BackgroundImageFix\"\n                    result=\"effect1_dropShadow_6795_48832\"\n                />\n                <feBlend\n                    mode=\"normal\"\n                    in=\"SourceGraphic\"\n                    in2=\"effect1_dropShadow_6795_48832\"\n                    result=\"shape\"\n                />\n            </filter>\n            <clipPath id=\"es_upload_clip0_6795_48832\">\n                <rect\n                    width=\"51.8786\"\n                    height=\"53.7109\"\n                    fill=\"white\"\n                    transform=\"translate(47.4492 36.0867)\"\n                />\n            </clipPath>\n        </defs>\n    </svg>\n);\n"],"names":["UploadIllustration","props"],"mappings":";AAEO,MAAMA,qBAAqB,CAACC,QAAAA,WAAAA,GAC/B,oBAAC;QAAI,SAAQ;QAAc,MAAK;QAAO,OAAM;QAA8B,GAAGA,KAAK;qBAC/E,oBAAC,yBACG,oBAAC,yBACG,oBAAC,yBACG,oBAAC;QAAE,QAAO;qBACN,oBAAC;QACG,GAAE;QACF,MAAK;uBAGb,oBAAC;QAAQ,IAAG;QAAU,IAAG;QAAU,IAAG;QAAU,IAAG;QAAM,MAAK;sBAC9D,oBAAC;QAAQ,IAAG;QAAU,IAAG;QAAU,IAAG;QAAU,IAAG;QAAM,MAAK;sBAC9D,oBAAC;QAAQ,IAAG;QAAU,IAAG;QAAU,IAAG;QAAU,IAAG;QAAM,MAAK;sBAC9D,oBAAC;QAAE,UAAS;qBACR,oBAAC;QACG,GAAE;QACF,MAAK;0BAMzB,oBAAC,4BACG,oBAAC;QACG,IAAG;QACH,GAAE;QACF,GAAE;QACF,OAAM;QACN,QAAO;QACP,aAAY;QACZ,2BAA0B;qBAE1B,oBAAC;QAAQ,cAAa;QAAI,QAAO;sBACjC,oBAAC;QACG,IAAG;QACH,MAAK;QACL,QAAO;QACP,QAAO;sBAEX,oBAAC;QAAS,IAAG;sBACb,oBAAC;QAAe,cAAa;sBAC7B,oBAAC;QAAc,MAAK;QAAS,QAAO;sBACpC,oBAAC;QACG,MAAK;QACL,KAAI;QACJ,QAAO;sBAEX,oBAAC;QACG,MAAK;QACL,IAAG;QACH,KAAI;QACJ,QAAO;uBAGf,oBAAC;QAAS,IAAG;qBACT,oBAAC;QACG,OAAM;QACN,QAAO;QACP,MAAK;QACL,WAAU"}

package/EmptyState/illustrations/index.d.ts

@@ -0,0 +1,6 @@
+export { ContentIllustration } from "./ContentIllustration.js";
+export { TableIllustration } from "./TableIllustration.js";
+export { ListingIllustration } from "./ListingIllustration.js";
+export { LayoutIllustration } from "./LayoutIllustration.js";
+export { UploadIllustration } from "./UploadIllustration.js";
+export { SelectIllustration } from "./SelectIllustration.js";

package/EmptyState/illustrations/index.js

@@ -0,0 +1,6 @@
+export { ContentIllustration } from "./ContentIllustration.js";
+export { TableIllustration } from "./TableIllustration.js";
+export { ListingIllustration } from "./ListingIllustration.js";
+export { LayoutIllustration } from "./LayoutIllustration.js";
+export { UploadIllustration } from "./UploadIllustration.js";
+export { SelectIllustration } from "./SelectIllustration.js";

package/EmptyState/index.d.ts

@@ -0,0 +1 @@
+export * from "./EmptyState.js";

package/EmptyState/index.js

@@ -0,0 +1 @@
+export * from "./EmptyState.js";

package/FilePicker/FilePicker.d.ts

@@ -2,21 +2,22 @@ import React from "react";
 import { type FilePickerPrimitiveProps } from "./primitives/index.js";
 import { type FormComponentProps } from "../FormComponent/index.js";
 type FilePickerProps = FilePickerPrimitiveProps & Omit<FormComponentProps, "value">;
-declare const FilePicker: (({ label, hint, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, type, ...props }: FilePickerProps) => React.JSX.Element) & {
-    original: ({ label, hint, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, type, ...props }: FilePickerProps) => React.JSX.Element;
+declare const BaseFilePicker: ({ label, hint, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, type, ...props }: FilePickerProps) => React.JSX.Element;
+declare const FilePicker: typeof BaseFilePicker & {
+    original: typeof BaseFilePicker;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ label, hint, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, type, ...props }: FilePickerProps) => React.JSX.Element) & {
-        original: ({ label, hint, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, type, ...props }: FilePickerProps) => React.JSX.Element;
+    original: typeof BaseFilePicker & {
+        original: typeof BaseFilePicker;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ label, hint, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, type, ...props }: FilePickerProps) => React.JSX.Element) & {
-        original: ({ label, hint, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, type, ...props }: FilePickerProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof BaseFilePicker & {
+        original: typeof BaseFilePicker;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/FilePicker/primitives/FilePickerPrimitive.d.ts

@@ -6,7 +6,7 @@ import { FileItem, type FileItemDto, type FileItemFormatted } from "../domains/i
 import type { FilePreviewRendererProps, TriggerRendererProps } from "./components/types.js";
 declare const filePickerVariants: (props?: ({
     type?: "area" | "compact" | null | undefined;
-    variant?: "primary" | "secondary" | "ghost" | null | undefined;
+    variant?: "ghost" | "primary" | "secondary" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface FilePickerPrimitiveProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof filePickerVariants> {
     /**
@@ -63,21 +63,22 @@ interface FilePickerPrimitiveProps extends React.HTMLAttributes<HTMLDivElement>,
      */
     value?: FileItemDto | string | null;
 }
-declare const FilePickerPrimitive: (({ className, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element) & {
-    original: ({ className, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element;
+declare const BaseFilePickerPrimitive: ({ className, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element;
+declare const FilePickerPrimitive: typeof BaseFilePickerPrimitive & {
+    original: typeof BaseFilePickerPrimitive;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ className, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element) & {
-        original: ({ className, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element;
+    original: typeof BaseFilePickerPrimitive & {
+        original: typeof BaseFilePickerPrimitive;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ className, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element) & {
-        original: ({ className, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof BaseFilePickerPrimitive & {
+        original: typeof BaseFilePickerPrimitive;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/FilePicker/primitives/components/Trigger.d.ts

@@ -3,7 +3,7 @@ import { type VariantProps } from "../../../utils.js";
 import type { TriggerDefaultProps } from "../../../FilePicker/primitives/components/types.js";
 declare const triggerVariants: (props?: ({
     type?: "area" | "compact" | null | undefined;
-    variant?: "primary" | "secondary" | "ghost" | null | undefined;
+    variant?: "ghost" | "primary" | "secondary" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface TriggerProps extends TriggerDefaultProps, VariantProps<typeof triggerVariants> {
     renderTrigger?: (props: any) => React.ReactElement<any>;

package/FilePicker/primitives/components/previews/ImagePreview/ImagePreview.d.ts

@@ -1,21 +1,22 @@
 import React from "react";
 import type { FilePreviewDefaultProps } from "../../types.js";
 type ImagePreviewProps = FilePreviewDefaultProps;
-declare const ImagePreview: (({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: ImagePreviewProps) => React.JSX.Element) & {
-    original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: ImagePreviewProps) => React.JSX.Element;
+declare const DecoratableImagePreview: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: ImagePreviewProps) => React.JSX.Element;
+declare const ImagePreview: typeof DecoratableImagePreview & {
+    original: typeof DecoratableImagePreview;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: ImagePreviewProps) => React.JSX.Element) & {
-        original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: ImagePreviewProps) => React.JSX.Element;
+    original: typeof DecoratableImagePreview & {
+        original: typeof DecoratableImagePreview;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: ImagePreviewProps) => React.JSX.Element) & {
-        original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: ImagePreviewProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DecoratableImagePreview & {
+        original: typeof DecoratableImagePreview;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;