@progress/kendo-themes-html 7.0.3-dev.0 → 7.0.3-dev.2

package/dist/cjs/loader/tests/loader-container-overlay.js

@@ -236,8 +236,21 @@ LoaderContainer.options = options2;
 LoaderContainer.className = LOADERCONTAINER_CLASSNAME;
 LoaderContainer.defaultProps = defaultProps2;
 
-// src/loader/tests/loader-container-overlay.tsx
+// src/loader/templates/loader-normal.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
+
+// src/loader/templates/loader-infinite.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+
+// src/loader/templates/loader-converging.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+
+// src/loader/templates/loader-container-normal.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var LoaderContainerNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(LoaderContainer, { ...props });
+
+// src/loader/tests/loader-container-overlay.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var styles = `
     .example {
         width: 100%;
@@ -245,17 +258,17 @@ var styles = `
         position: relative;
     }
 `;
-var loader_container_overlay_default = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("style", { children: styles }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "col", children: "Dark" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "col", children: "Light" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Panel" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LoaderContainer, { size: "large", position: "top", themeColor: "primary", overlay: "dark", panel: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LoaderContainer, { size: "large", position: "top", themeColor: "primary", overlay: "light", panel: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "No Panel" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LoaderContainer, { size: "large", position: "top", themeColor: "primary", overlay: "dark" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LoaderContainer, { size: "large", position: "top", themeColor: "primary", overlay: "light" }) })
+var loader_container_overlay_default = () => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("style", { children: styles }),
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "col", children: "Dark" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "col", children: "Light" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: "Panel" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LoaderContainerNormal, { size: "large", panel: true }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LoaderContainerNormal, { size: "large", overlay: "light", panel: true }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: "No Panel" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LoaderContainerNormal, { size: "large" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LoaderContainerNormal, { size: "large", overlay: "light" }) })
   ] })
 ] });

package/dist/cjs/loader/tests/loader-container.js

@@ -236,8 +236,21 @@ LoaderContainer.options = options2;
 LoaderContainer.className = LOADERCONTAINER_CLASSNAME;
 LoaderContainer.defaultProps = defaultProps2;
 
-// src/loader/tests/loader-container.tsx
+// src/loader/templates/loader-normal.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
+
+// src/loader/templates/loader-infinite.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+
+// src/loader/templates/loader-converging.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+
+// src/loader/templates/loader-container-normal.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var LoaderContainerNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(LoaderContainer, { ...props });
+
+// src/loader/tests/loader-container.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var styles = `
     .example {
         width: 100%;
@@ -245,24 +258,18 @@ var styles = `
         position: relative;
     }
 `;
-var loader_container_default = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("style", { children: styles }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "col", children: "Small" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "col", children: "Medium" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "col", children: "Large" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Top" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LoaderContainer, { size: "small", position: "top", themeColor: "primary", overlay: "dark", panel: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LoaderContainer, { size: "medium", position: "top", themeColor: "primary", overlay: "dark", panel: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LoaderContainer, { size: "large", position: "top", themeColor: "primary", overlay: "dark", panel: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "End" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LoaderContainer, { size: "small", position: "end", themeColor: "primary", overlay: "dark", panel: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LoaderContainer, { size: "medium", position: "end", themeColor: "primary", overlay: "dark", panel: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LoaderContainer, { size: "large", position: "end", themeColor: "primary", overlay: "dark", panel: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Start" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LoaderContainer, { size: "small", position: "start", themeColor: "primary", overlay: "dark", panel: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LoaderContainer, { size: "medium", position: "start", themeColor: "primary", overlay: "dark", panel: true }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LoaderContainer, { size: "large", position: "start", themeColor: "primary", overlay: "dark", panel: true }) })
+var loader_container_default = () => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("style", { children: styles }),
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "col", children: "Small" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "col", children: "Medium" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "col", children: "Large" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: "Top" }),
+    LoaderContainer.options.size.map((size) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LoaderContainerNormal, { size, panel: true }) })),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: "End" }),
+    LoaderContainer.options.size.map((size) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LoaderContainerNormal, { size, position: "end", panel: true }) })),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: "Start" }),
+    LoaderContainer.options.size.map((size) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "example", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LoaderContainerNormal, { size, position: "start", panel: true }) }))
   ] })
 ] });

package/dist/cjs/loader/tests/loader.js

@@ -236,51 +236,32 @@ LoaderContainer.options = options2;
 LoaderContainer.className = LOADERCONTAINER_CLASSNAME;
 LoaderContainer.defaultProps = defaultProps2;
 
-// src/loader/tests/loader.tsx
+// src/loader/templates/loader-normal.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var loader_default = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-4", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", {}),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "col", children: "Pulsing 2" }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "col", children: "Spinner 3" }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "col", children: "Spinner 4" }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Primary" }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "primary", animation: "pulsing" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "primary", animation: "infinite-spinner" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "primary", animation: "converging-spinner" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Secondary" }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "secondary", animation: "pulsing" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "secondary", animation: "infinite-spinner" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "secondary", animation: "converging-spinner" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Tertiary" }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "tertiary", animation: "pulsing" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "tertiary", animation: "infinite-spinner" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "tertiary", animation: "converging-spinner" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Info" }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "info", animation: "pulsing" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "info", animation: "infinite-spinner" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "info", animation: "converging-spinner" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Success" }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "success", animation: "pulsing" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "success", animation: "infinite-spinner" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "success", animation: "converging-spinner" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Warning" }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "warning", animation: "pulsing" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "warning", animation: "infinite-spinner" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "warning", animation: "converging-spinner" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Error" }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "error", animation: "pulsing" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "error", animation: "infinite-spinner" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "error", animation: "converging-spinner" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Dark" }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "dark", animation: "pulsing" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "dark", animation: "infinite-spinner" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "dark", animation: "converging-spinner" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Light" }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "light", animation: "pulsing" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "light", animation: "infinite-spinner" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "light", animation: "converging-spinner" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Inverse" }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "inverse", animation: "pulsing" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "inverse", animation: "infinite-spinner" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "large", themeColor: "inverse", animation: "converging-spinner" }) })
+var LoaderNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { ...props });
+
+// src/loader/templates/loader-infinite.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var LoaderInfinite = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Loader, { animation: "infinite-spinner", ...props });
+
+// src/loader/templates/loader-converging.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var LoaderConverging = (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Loader, { animation: "converging-spinner", ...props });
+
+// src/loader/templates/loader-container-normal.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+
+// src/loader/tests/loader.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var loader_default = () => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-4", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", {}),
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "col", children: "Pulsing 2" }),
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "col", children: "Spinner 3" }),
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "col", children: "Spinner 4" }),
+  Loader.options.size.map((size) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: size }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LoaderNormal, { size }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LoaderInfinite, { size }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LoaderConverging, { size }) })
+  ] }))
 ] }) });

package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page.js

@@ -8238,13 +8238,14 @@ var states54 = [
 ];
 var defaultProps48 = {
   icon: "upload",
-  note: "Only JPEG, PNG and SVG files are allowed."
+  hint: "Drag and drop files here to upload"
 };
 var Dropzone = (props) => {
   const {
     hover,
     icon = defaultProps48.icon,
-    note = defaultProps48.note,
+    hint = defaultProps48.hint,
+    note,
     ...other
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
@@ -8261,19 +8262,25 @@ var Dropzone = (props) => {
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "k-dropzone-inner", children: [
         icon && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Icon, { icon, className: "k-dropzone-icon", size: "xxxlarge" }),
-        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "k-dropzone-hint", children: "Drag and drop files here to upload" }),
-        note && /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("span", { className: "k-dropzone-note", children: [
-          " ",
-          note,
-          " "
-        ] })
+        hint && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "k-dropzone-hint", children: hint }),
+        note && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "k-dropzone-note", children: note })
       ] })
     }
   );
 };
+Dropzone.states = states54;
+Dropzone.className = DROPZONE_CLASSNAME;
+Dropzone.defaultProps = defaultProps48;
 
-// src/pdf-viewer/tests/pdf-viewer-blank-page.tsx
+// src/dropzone/templates/dropzone-normal.tsx
 var import_jsx_runtime136 = require("react/jsx-runtime");
+var DropzoneNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Dropzone, { ...props });
+
+// src/dropzone/templates/dropzone-with-note.tsx
+var import_jsx_runtime137 = require("react/jsx-runtime");
+
+// src/pdf-viewer/tests/pdf-viewer-blank-page.tsx
+var import_jsx_runtime138 = require("react/jsx-runtime");
 var styles = `
     #test-area .k-pdf-viewer {
         height: 600px;
@@ -8282,19 +8289,19 @@ var styles = `
         gap: 8px;
     }
 `;
-var pdf_viewer_blank_page_default = () => /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_jsx_runtime136.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("style", { children: styles }),
-  /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "k-widget k-pdf-viewer", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(Toolbar, { resizable: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "k-spacer" }),
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Button, { fillMode: "flat", icon: "file-pdf" }),
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Button, { fillMode: "flat", icon: "print" }),
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Button, { fillMode: "flat", icon: "fullscreen" })
+var pdf_viewer_blank_page_default = () => /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(import_jsx_runtime138.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("style", { children: styles }),
+  /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "k-widget k-pdf-viewer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(Toolbar, { resizable: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "k-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Button, { fillMode: "flat", icon: "file-pdf" }),
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Button, { fillMode: "flat", icon: "print" }),
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Button, { fillMode: "flat", icon: "fullscreen" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto k-enable-text-select", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "k-pdf-viewer-pages", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "k-page k-blank-page", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Dropzone, { note: false }),
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(UploadNormal, { empty: true, status: "upload" })
+    /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto k-enable-text-select", children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: "k-pdf-viewer-pages", children: /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "k-page k-blank-page", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(DropzoneNormal, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(UploadNormal, { empty: true, status: "upload" })
     ] }) }) })
   ] }) })
 ] });