@progress/kendo-themes-html 6.7.0-dev.2 → 6.7.0-dev.3

package/dist/esm/pager/tests/pager-adaptive.js

@@ -5773,26 +5773,62 @@ Pager.states = states23;
 Pager.options = options22;
 Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps20;
+var pager_spec_default = Pager;
+
+// src/pager/templates/pager-normal.tsx
+import { jsx as jsx52 } from "react/jsx-runtime";
+var PagerNormal = (props) => /* @__PURE__ */ jsx52(pager_spec_default, { ...props });
+
+// src/pager/templates/pager-input.tsx
+import { jsx as jsx53 } from "react/jsx-runtime";
+var PagerInput = (props) => /* @__PURE__ */ jsx53(
+  pager_spec_default,
+  {
+    type: "input",
+    ...props
+  }
+);
+
+// src/pager/templates/pager-adaptive.tsx
+import { jsx as jsx54 } from "react/jsx-runtime";
+var PagerAdaptive = (props) => /* @__PURE__ */ jsx54(
+  pager_spec_default,
+  {
+    adaptive: true,
+    ...props
+  }
+);
+
+// src/pager/templates/pager-adaptive-input.tsx
+import { jsx as jsx55 } from "react/jsx-runtime";
+var PagerAdaptiveInput = (props) => /* @__PURE__ */ jsx55(
+  pager_spec_default,
+  {
+    type: "input",
+    adaptive: true,
+    ...props
+  }
+);
 
 // src/pager/tests/pager-adaptive.tsx
-import { Fragment as Fragment15, jsx as jsx52, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx56, jsxs as jsxs22 } from "react/jsx-runtime";
 var styles = `
     #test-area {
         gap: 20px;
     }
 `;
 var pager_adaptive_default = () => /* @__PURE__ */ jsxs22(Fragment15, { children: [
-  /* @__PURE__ */ jsx52("style", { children: styles }),
+  /* @__PURE__ */ jsx56("style", { children: styles }),
   /* @__PURE__ */ jsxs22("div", { id: "test-area", className: "k-d-grid", children: [
-    /* @__PURE__ */ jsx52("span", { children: ">= 640 px" }),
-    /* @__PURE__ */ jsx52(Pager, { size: "large" }),
-    /* @__PURE__ */ jsx52(Pager, { size: "large", type: "input" }),
-    /* @__PURE__ */ jsx52("span", { children: "500 px" }),
-    /* @__PURE__ */ jsx52(Pager, { size: "large", adaptive: true, info: false, refresh: false, itemsPerPage: false, style: { width: "500px" } }),
-    /* @__PURE__ */ jsx52(Pager, { size: "large", type: "input", adaptive: true, info: false, refresh: false, itemsPerPage: false, style: { width: "500px" } }),
-    /* @__PURE__ */ jsx52("span", { children: "360 px" }),
-    /* @__PURE__ */ jsx52(Pager, { size: "large", adaptive: true, info: false, refresh: false, itemsPerPage: false, pageSizes: false, style: { width: "360px" } }),
-    /* @__PURE__ */ jsx52(Pager, { size: "large", type: "input", adaptive: true, info: false, refresh: false, itemsPerPage: false, pageSizes: false, style: { width: "360px" } })
+    /* @__PURE__ */ jsx56("span", { children: ">= 640 px" }),
+    /* @__PURE__ */ jsx56(PagerNormal, { size: "large" }),
+    /* @__PURE__ */ jsx56(PagerInput, { size: "large" }),
+    /* @__PURE__ */ jsx56("span", { children: "500 px" }),
+    /* @__PURE__ */ jsx56(PagerAdaptive, { size: "large", info: false, refresh: false, itemsPerPage: false, style: { width: "500px" } }),
+    /* @__PURE__ */ jsx56(PagerAdaptiveInput, { size: "large", info: false, refresh: false, itemsPerPage: false, style: { width: "500px" } }),
+    /* @__PURE__ */ jsx56("span", { children: "360 px" }),
+    /* @__PURE__ */ jsx56(PagerAdaptive, { size: "large", pageSizes: false, info: false, refresh: false, itemsPerPage: false, style: { width: "360px" } }),
+    /* @__PURE__ */ jsx56(PagerAdaptiveInput, { size: "large", pageSizes: false, info: false, refresh: false, itemsPerPage: false, style: { width: "360px" } })
   ] })
 ] });
 export {

package/dist/esm/pager/tests/pager-sizes.js

@@ -5773,29 +5773,42 @@ Pager.states = states23;
 Pager.options = options22;
 Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps20;
+var pager_spec_default = Pager;
+
+// src/pager/templates/pager-normal.tsx
+import { jsx as jsx52 } from "react/jsx-runtime";
+var PagerNormal = (props) => /* @__PURE__ */ jsx52(pager_spec_default, { ...props });
+
+// src/pager/templates/pager-input.tsx
+import { jsx as jsx53 } from "react/jsx-runtime";
+var PagerInput = (props) => /* @__PURE__ */ jsx53(
+  pager_spec_default,
+  {
+    type: "input",
+    ...props
+  }
+);
+
+// src/pager/templates/pager-adaptive.tsx
+import { jsx as jsx54 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-adaptive-input.tsx
+import { jsx as jsx55 } from "react/jsx-runtime";
 
 // src/pager/tests/pager-sizes.tsx
-import { Fragment as Fragment15, jsx as jsx52, jsxs as jsxs22 } from "react/jsx-runtime";
-var pager_sizes_default = () => /* @__PURE__ */ jsx52(Fragment15, { children: /* @__PURE__ */ jsxs22("div", { id: "test-area", className: "k-d-grid", children: [
-  /* @__PURE__ */ jsx52("span", {}),
-  /* @__PURE__ */ jsx52("span", { children: "Large Numeric" }),
-  /* @__PURE__ */ jsx52(Pager, { size: "large" }),
-  /* @__PURE__ */ jsx52("span", {}),
-  /* @__PURE__ */ jsx52("span", { children: "Large Input" }),
-  /* @__PURE__ */ jsx52(Pager, { size: "large", type: "input" }),
-  /* @__PURE__ */ jsx52("span", {}),
-  /* @__PURE__ */ jsx52("span", { children: "Medium Numeric" }),
-  /* @__PURE__ */ jsx52(Pager, {}),
-  /* @__PURE__ */ jsx52("span", {}),
-  /* @__PURE__ */ jsx52("span", { children: "Medium Input" }),
-  /* @__PURE__ */ jsx52(Pager, { type: "input" }),
-  /* @__PURE__ */ jsx52("span", {}),
-  /* @__PURE__ */ jsx52("span", { children: "Small Numeric" }),
-  /* @__PURE__ */ jsx52(Pager, { size: "small" }),
-  /* @__PURE__ */ jsx52("span", {}),
-  /* @__PURE__ */ jsx52("span", { children: "Small Input" }),
-  /* @__PURE__ */ jsx52(Pager, { size: "small", type: "input" })
-] }) });
+import { Fragment as Fragment15, jsx as jsx56, jsxs as jsxs22 } from "react/jsx-runtime";
+var pager_sizes_default = () => /* @__PURE__ */ jsx56(Fragment15, { children: /* @__PURE__ */ jsx56("div", { id: "test-area", className: "k-d-grid", children: Pager.options.size.map((size) => /* @__PURE__ */ jsxs22(Fragment15, { children: [
+  /* @__PURE__ */ jsxs22("span", { children: [
+    size,
+    " numeric"
+  ] }),
+  /* @__PURE__ */ jsx56(PagerNormal, { size }),
+  /* @__PURE__ */ jsxs22("span", { children: [
+    size,
+    " input"
+  ] }),
+  /* @__PURE__ */ jsx56(PagerInput, { size })
+] })) }) });
 export {
   pager_sizes_default as default
 };

package/dist/esm/pager/tests/pager.js

@@ -5773,18 +5773,35 @@ Pager.states = states23;
 Pager.options = options22;
 Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps20;
+var pager_spec_default = Pager;
+
+// src/pager/templates/pager-normal.tsx
+import { jsx as jsx52 } from "react/jsx-runtime";
+var PagerNormal = (props) => /* @__PURE__ */ jsx52(pager_spec_default, { ...props });
+
+// src/pager/templates/pager-input.tsx
+import { jsx as jsx53 } from "react/jsx-runtime";
+var PagerInput = (props) => /* @__PURE__ */ jsx53(
+  pager_spec_default,
+  {
+    type: "input",
+    ...props
+  }
+);
+
+// src/pager/templates/pager-adaptive.tsx
+import { jsx as jsx54 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-adaptive-input.tsx
+import { jsx as jsx55 } from "react/jsx-runtime";
 
 // src/pager/tests/pager.tsx
-import { Fragment as Fragment15, jsx as jsx52, jsxs as jsxs22 } from "react/jsx-runtime";
-var pager_default = () => /* @__PURE__ */ jsx52(Fragment15, { children: /* @__PURE__ */ jsxs22("div", { id: "test-area", className: "k-d-grid", children: [
-  /* @__PURE__ */ jsx52("span", { children: "LTR" }),
-  /* @__PURE__ */ jsx52("section", { children: /* @__PURE__ */ jsx52(Pager, {}) }),
-  /* @__PURE__ */ jsx52("section", { children: /* @__PURE__ */ jsx52(Pager, { type: "input", focus: true }) }),
-  /* @__PURE__ */ jsx52("section", { children: /* @__PURE__ */ jsx52(Pager, { disabled: true }) }),
-  /* @__PURE__ */ jsx52("span", { children: "RTL" }),
-  /* @__PURE__ */ jsx52("section", { children: /* @__PURE__ */ jsx52(Pager, { dir: "rtl" }) }),
-  /* @__PURE__ */ jsx52("section", { children: /* @__PURE__ */ jsx52(Pager, { type: "input", focus: true, dir: "rtl" }) }),
-  /* @__PURE__ */ jsx52("section", { children: /* @__PURE__ */ jsx52(Pager, { disabled: true, dir: "rtl" }) })
+import { Fragment as Fragment15, jsx as jsx56, jsxs as jsxs22 } from "react/jsx-runtime";
+var pager_default = () => /* @__PURE__ */ jsx56(Fragment15, { children: /* @__PURE__ */ jsxs22("div", { id: "test-area", className: "k-d-grid", children: [
+  /* @__PURE__ */ jsx56("span", { children: "LTR" }),
+  ["normal", ...Pager.states].map((state, index) => index % 2 === 0 ? /* @__PURE__ */ jsx56("section", { children: /* @__PURE__ */ jsx56(PagerNormal, { ...{ [state]: true } }) }) : /* @__PURE__ */ jsx56("section", { children: /* @__PURE__ */ jsx56(PagerInput, { ...{ [state]: true } }) })),
+  /* @__PURE__ */ jsx56("span", { children: "RTL" }),
+  ["normal", ...Pager.states].map((state, index) => index % 2 === 0 ? /* @__PURE__ */ jsx56("section", { children: /* @__PURE__ */ jsx56(PagerNormal, { dir: "rtl", ...{ [state]: true } }) }) : /* @__PURE__ */ jsx56("section", { children: /* @__PURE__ */ jsx56(PagerInput, { dir: "rtl", ...{ [state]: true } }) }))
 ] }) });
 export {
   pager_default as default

package/dist/esm/pdf-viewer/tests/pdf-viewer-blank-page-blazor.js

@@ -7351,26 +7351,38 @@ Pager.options = options38;
 Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps36;
 
+// src/pager/templates/pager-normal.tsx
+import { jsx as jsx91 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-input.tsx
+import { jsx as jsx92 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-adaptive.tsx
+import { jsx as jsx93 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-adaptive-input.tsx
+import { jsx as jsx94 } from "react/jsx-runtime";
+
 // src/pdf-viewer/tests/pdf-viewer-blank-page-blazor.tsx
-import { Fragment as Fragment27, jsx as jsx91, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx95, jsxs as jsxs45 } from "react/jsx-runtime";
 var styles = `
     #test-area .k-pdf-viewer {
         height: 600px;
     }
 `;
 var pdf_viewer_blank_page_blazor_default = () => /* @__PURE__ */ jsxs45(Fragment27, { children: [
-  /* @__PURE__ */ jsx91("style", { children: styles }),
-  /* @__PURE__ */ jsx91("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ jsxs45("div", { className: "k-widget k-pdf-viewer", children: [
+  /* @__PURE__ */ jsx95("style", { children: styles }),
+  /* @__PURE__ */ jsx95("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ jsxs45("div", { className: "k-widget k-pdf-viewer", children: [
     /* @__PURE__ */ jsxs45(Toolbar, { resizable: true, children: [
-      /* @__PURE__ */ jsx91(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
-      /* @__PURE__ */ jsx91("span", { className: "k-spacer" }),
-      /* @__PURE__ */ jsx91(Button, { fillMode: "flat", icon: "file-pdf" }),
-      /* @__PURE__ */ jsx91(Button, { fillMode: "flat", icon: "print" }),
-      /* @__PURE__ */ jsx91(Button, { fillMode: "flat", icon: "fullscreen" })
+      /* @__PURE__ */ jsx95(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
+      /* @__PURE__ */ jsx95("span", { className: "k-spacer" }),
+      /* @__PURE__ */ jsx95(Button, { fillMode: "flat", icon: "file-pdf" }),
+      /* @__PURE__ */ jsx95(Button, { fillMode: "flat", icon: "print" }),
+      /* @__PURE__ */ jsx95(Button, { fillMode: "flat", icon: "fullscreen" })
     ] }),
-    /* @__PURE__ */ jsx91("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto", children: /* @__PURE__ */ jsx91("div", { className: "k-pdf-viewer-pages", children: /* @__PURE__ */ jsxs45("div", { className: "k-page k-blank-page", children: [
-      /* @__PURE__ */ jsx91(Icon, { icon: "folder-open", size: "xxxlarge" }),
-      /* @__PURE__ */ jsx91(Upload, { async: true, empty: true })
+    /* @__PURE__ */ jsx95("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto", children: /* @__PURE__ */ jsx95("div", { className: "k-pdf-viewer-pages", children: /* @__PURE__ */ jsxs45("div", { className: "k-page k-blank-page", children: [
+      /* @__PURE__ */ jsx95(Icon, { icon: "folder-open", size: "xxxlarge" }),
+      /* @__PURE__ */ jsx95(Upload, { async: true, empty: true })
     ] }) }) })
   ] }) })
 ] });

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

@@ -7351,8 +7351,20 @@ Pager.options = options38;
 Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps36;
 
+// src/pager/templates/pager-normal.tsx
+import { jsx as jsx91 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-input.tsx
+import { jsx as jsx92 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-adaptive.tsx
+import { jsx as jsx93 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-adaptive-input.tsx
+import { jsx as jsx94 } from "react/jsx-runtime";
+
 // src/dropzone/dropzone.spec.tsx
-import { jsx as jsx91, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs45 } from "react/jsx-runtime";
 var DROPZONE_CLASSNAME = `k-external-dropzone`;
 var states42 = [
   States.hover
@@ -7368,7 +7380,7 @@ var Dropzone = (props) => {
     note = defaultProps37.note,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx95(
     "div",
     {
       ...other,
@@ -7381,8 +7393,8 @@ var Dropzone = (props) => {
         }
       ),
       children: /* @__PURE__ */ jsxs45("div", { className: "k-dropzone-inner", children: [
-        icon && /* @__PURE__ */ jsx91(Icon, { icon, className: "k-dropzone-icon", size: "xxxlarge" }),
-        /* @__PURE__ */ jsx91("span", { className: "k-dropzone-hint", children: "Drag and drop files here to upload" }),
+        icon && /* @__PURE__ */ jsx95(Icon, { icon, className: "k-dropzone-icon", size: "xxxlarge" }),
+        /* @__PURE__ */ jsx95("span", { className: "k-dropzone-hint", children: "Drag and drop files here to upload" }),
         note && /* @__PURE__ */ jsxs45("span", { className: "k-dropzone-note", children: [
           " ",
           note,
@@ -7394,7 +7406,7 @@ var Dropzone = (props) => {
 };
 
 // src/pdf-viewer/tests/pdf-viewer-blank-page.tsx
-import { Fragment as Fragment27, jsx as jsx92, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx96, jsxs as jsxs46 } from "react/jsx-runtime";
 var styles = `
     #test-area .k-pdf-viewer {
         height: 600px;
@@ -7404,18 +7416,18 @@ var styles = `
     }
 `;
 var pdf_viewer_blank_page_default = () => /* @__PURE__ */ jsxs46(Fragment27, { children: [
-  /* @__PURE__ */ jsx92("style", { children: styles }),
-  /* @__PURE__ */ jsx92("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ jsxs46("div", { className: "k-widget k-pdf-viewer", children: [
+  /* @__PURE__ */ jsx96("style", { children: styles }),
+  /* @__PURE__ */ jsx96("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ jsxs46("div", { className: "k-widget k-pdf-viewer", children: [
     /* @__PURE__ */ jsxs46(Toolbar, { resizable: true, children: [
-      /* @__PURE__ */ jsx92(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
-      /* @__PURE__ */ jsx92("span", { className: "k-spacer" }),
-      /* @__PURE__ */ jsx92(Button, { fillMode: "flat", icon: "file-pdf" }),
-      /* @__PURE__ */ jsx92(Button, { fillMode: "flat", icon: "print" }),
-      /* @__PURE__ */ jsx92(Button, { fillMode: "flat", icon: "fullscreen" })
+      /* @__PURE__ */ jsx96(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
+      /* @__PURE__ */ jsx96("span", { className: "k-spacer" }),
+      /* @__PURE__ */ jsx96(Button, { fillMode: "flat", icon: "file-pdf" }),
+      /* @__PURE__ */ jsx96(Button, { fillMode: "flat", icon: "print" }),
+      /* @__PURE__ */ jsx96(Button, { fillMode: "flat", icon: "fullscreen" })
     ] }),
-    /* @__PURE__ */ jsx92("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto", children: /* @__PURE__ */ jsx92("div", { className: "k-pdf-viewer-pages", children: /* @__PURE__ */ jsxs46("div", { className: "k-page k-blank-page", children: [
-      /* @__PURE__ */ jsx92(Dropzone, { note: false }),
-      /* @__PURE__ */ jsx92(Upload, { async: true, empty: true, status: "upload" })
+    /* @__PURE__ */ jsx96("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto", children: /* @__PURE__ */ jsx96("div", { className: "k-pdf-viewer-pages", children: /* @__PURE__ */ jsxs46("div", { className: "k-page k-blank-page", children: [
+      /* @__PURE__ */ jsx96(Dropzone, { note: false }),
+      /* @__PURE__ */ jsx96(Upload, { async: true, empty: true, status: "upload" })
     ] }) }) })
   ] }) })
 ] });

package/dist/esm/pdf-viewer/tests/pdf-viewer-search-panel.js

@@ -7200,44 +7200,56 @@ Pager.options = options36;
 Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps34;
 
+// src/pager/templates/pager-normal.tsx
+import { jsx as jsx88 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-input.tsx
+import { jsx as jsx89 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-adaptive.tsx
+import { jsx as jsx90 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-adaptive-input.tsx
+import { jsx as jsx91 } from "react/jsx-runtime";
+
 // src/pdf-viewer/tests/pdf-viewer-search-panel.tsx
-import { Fragment as Fragment24, jsx as jsx88, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx92, jsxs as jsxs42 } from "react/jsx-runtime";
 var styles = `
     #test-area .k-pdf-viewer {
         height: 600px;
     }
 `;
 var pdf_viewer_search_panel_default = () => /* @__PURE__ */ jsxs42(Fragment24, { children: [
-  /* @__PURE__ */ jsx88("style", { children: styles }),
-  /* @__PURE__ */ jsx88("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ jsxs42("div", { className: "k-widget k-pdf-viewer", children: [
+  /* @__PURE__ */ jsx92("style", { children: styles }),
+  /* @__PURE__ */ jsx92("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ jsxs42("div", { className: "k-widget k-pdf-viewer", children: [
     /* @__PURE__ */ jsxs42(Toolbar, { resizable: true, children: [
-      /* @__PURE__ */ jsx88(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
-      /* @__PURE__ */ jsx88("span", { className: "k-spacer" }),
-      /* @__PURE__ */ jsx88(Button, { fillMode: "flat", icon: "file-pdf" }),
-      /* @__PURE__ */ jsx88(Button, { fillMode: "flat", icon: "print" }),
-      /* @__PURE__ */ jsx88(Button, { fillMode: "flat", icon: "fullscreen" })
+      /* @__PURE__ */ jsx92(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
+      /* @__PURE__ */ jsx92("span", { className: "k-spacer" }),
+      /* @__PURE__ */ jsx92(Button, { fillMode: "flat", icon: "file-pdf" }),
+      /* @__PURE__ */ jsx92(Button, { fillMode: "flat", icon: "print" }),
+      /* @__PURE__ */ jsx92(Button, { fillMode: "flat", icon: "fullscreen" })
     ] }),
     /* @__PURE__ */ jsxs42("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto", children: [
       /* @__PURE__ */ jsxs42("div", { className: "k-search-panel k-pos-sticky k-top-center", children: [
-        /* @__PURE__ */ jsx88(Button, { fillMode: "flat", icon: "handle-drag", className: "k-search-dialog-draghandle" }),
-        /* @__PURE__ */ jsx88(
+        /* @__PURE__ */ jsx92(Button, { fillMode: "flat", icon: "handle-drag", className: "k-search-dialog-draghandle" }),
+        /* @__PURE__ */ jsx92(
           Textbox,
           {
-            suffix: /* @__PURE__ */ jsx88(Button, { fillMode: "flat", className: "k-match-case-button", icon: "convert-lowercase" })
+            suffix: /* @__PURE__ */ jsx92(Button, { fillMode: "flat", className: "k-match-case-button", icon: "convert-lowercase" })
           }
         ),
         /* @__PURE__ */ jsxs42("span", { className: "k-search-matches", children: [
-          /* @__PURE__ */ jsx88("span", { children: "0" }),
+          /* @__PURE__ */ jsx92("span", { children: "0" }),
           " of ",
-          /* @__PURE__ */ jsx88("span", { children: "1" })
+          /* @__PURE__ */ jsx92("span", { children: "1" })
         ] }),
-        /* @__PURE__ */ jsx88(Button, { fillMode: "flat", icon: "arrow-up" }),
-        /* @__PURE__ */ jsx88(Button, { fillMode: "flat", icon: "arrow-down" }),
-        /* @__PURE__ */ jsx88(Button, { fillMode: "flat", icon: "x" })
+        /* @__PURE__ */ jsx92(Button, { fillMode: "flat", icon: "arrow-up" }),
+        /* @__PURE__ */ jsx92(Button, { fillMode: "flat", icon: "arrow-down" }),
+        /* @__PURE__ */ jsx92(Button, { fillMode: "flat", icon: "x" })
       ] }),
       /* @__PURE__ */ jsxs42("div", { className: "k-pdf-viewer-pages", children: [
-        /* @__PURE__ */ jsx88("div", { className: "k-page", style: { width: "720px", height: "360px" } }),
-        /* @__PURE__ */ jsx88("div", { className: "k-page", style: { width: "720px", height: "360px" } })
+        /* @__PURE__ */ jsx92("div", { className: "k-page", style: { width: "720px", height: "360px" } }),
+        /* @__PURE__ */ jsx92("div", { className: "k-page", style: { width: "720px", height: "360px" } })
       ] })
     ] })
   ] }) })

package/dist/esm/pdf-viewer/tests/pdf-viewer.js

@@ -7093,26 +7093,38 @@ Pager.options = options35;
 Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps33;
 
+// src/pager/templates/pager-normal.tsx
+import { jsx as jsx84 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-input.tsx
+import { jsx as jsx85 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-adaptive.tsx
+import { jsx as jsx86 } from "react/jsx-runtime";
+
+// src/pager/templates/pager-adaptive-input.tsx
+import { jsx as jsx87 } from "react/jsx-runtime";
+
 // src/pdf-viewer/tests/pdf-viewer.tsx
-import { Fragment as Fragment24, jsx as jsx84, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx88, jsxs as jsxs39 } from "react/jsx-runtime";
 var styles = `
     #test-area .k-pdf-viewer {
         height: 600px;
     }
 `;
 var pdf_viewer_default = () => /* @__PURE__ */ jsxs39(Fragment24, { children: [
-  /* @__PURE__ */ jsx84("style", { children: styles }),
-  /* @__PURE__ */ jsx84("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ jsxs39("div", { className: "k-widget k-pdf-viewer", children: [
+  /* @__PURE__ */ jsx88("style", { children: styles }),
+  /* @__PURE__ */ jsx88("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ jsxs39("div", { className: "k-widget k-pdf-viewer", children: [
     /* @__PURE__ */ jsxs39(Toolbar, { resizable: true, children: [
-      /* @__PURE__ */ jsx84(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
-      /* @__PURE__ */ jsx84("span", { className: "k-spacer" }),
-      /* @__PURE__ */ jsx84(Button, { fillMode: "flat", icon: "file-pdf" }),
-      /* @__PURE__ */ jsx84(Button, { fillMode: "flat", icon: "print" }),
-      /* @__PURE__ */ jsx84(Button, { fillMode: "flat", icon: "fullscreen" })
+      /* @__PURE__ */ jsx88(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
+      /* @__PURE__ */ jsx88("span", { className: "k-spacer" }),
+      /* @__PURE__ */ jsx88(Button, { fillMode: "flat", icon: "file-pdf" }),
+      /* @__PURE__ */ jsx88(Button, { fillMode: "flat", icon: "print" }),
+      /* @__PURE__ */ jsx88(Button, { fillMode: "flat", icon: "fullscreen" })
     ] }),
-    /* @__PURE__ */ jsx84("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto", children: /* @__PURE__ */ jsxs39("div", { className: "k-pdf-viewer-pages", children: [
-      /* @__PURE__ */ jsx84("div", { className: "k-page", style: { width: "720px", height: "360px" } }),
-      /* @__PURE__ */ jsx84("div", { className: "k-page", style: { width: "720px", height: "360px" } })
+    /* @__PURE__ */ jsx88("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto", children: /* @__PURE__ */ jsxs39("div", { className: "k-pdf-viewer-pages", children: [
+      /* @__PURE__ */ jsx88("div", { className: "k-page", style: { width: "720px", height: "360px" } }),
+      /* @__PURE__ */ jsx88("div", { className: "k-page", style: { width: "720px", height: "360px" } })
     ] }) })
   ] }) })
 ] });

package/dist/types/floating-label/floating-label.spec.d.ts

@@ -3,11 +3,15 @@ declare const states: ("focus" | "invalid" | "disabled" | "empty" | "valid")[];
 export type FloatingLabelState = {
     [K in (typeof states)[number]]?: boolean;
 };
-export type KendoFloatingLabelrProps = {
+export type KendoFloatingLabelProps = {
     label?: string;
 };
+/**
+ * @deprecated
+ */
+export type KendoFloatingLabelrProps = KendoFloatingLabelProps;
 export declare const FloatingLabel: {
-    (props: FloatingLabelState & KendoFloatingLabelrProps & React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    (props: FloatingLabelState & KendoFloatingLabelProps & React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
     states: ("focus" | "invalid" | "disabled" | "empty" | "valid")[];
     options: {};
     className: string;

package/dist/types/pager/index.d.ts

@@ -1 +1,5 @@
 export * from './pager.spec';
+export * from './templates/pager-normal';
+export * from './templates/pager-input';
+export * from './templates/pager-adaptive';
+export * from './templates/pager-adaptive-input';

package/dist/types/pager/templates/pager-adaptive-input.d.ts

@@ -0,0 +1 @@
+export declare const PagerAdaptiveInput: (props: any) => import("react/jsx-runtime").JSX.Element;

package/dist/types/pager/templates/pager-adaptive.d.ts

@@ -0,0 +1 @@
+export declare const PagerAdaptive: (props: any) => import("react/jsx-runtime").JSX.Element;

package/dist/types/pager/templates/pager-input.d.ts

@@ -0,0 +1 @@
+export declare const PagerInput: (props: any) => import("react/jsx-runtime").JSX.Element;

package/dist/types/pager/templates/pager-normal.d.ts

@@ -0,0 +1 @@
+export declare const PagerNormal: (props: any) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-themes-html",
   "description": "A collection of HTML helpers used for developing Kendo UI themes",
-  "version": "6.7.0-dev.2",
+  "version": "6.7.0-dev.3",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -51,5 +51,5 @@
   "devDependencies": {
     "@types/react": "^18.0.2"
   },
-  "gitHead": "48b9852e24736586f7bb277b8db520075eadd6e4"
+  "gitHead": "13f0e9d31474eca02c4ee6a62a4f182bdf7633cb"
 }

package/src/floating-label/floating-label.spec.tsx

@@ -16,12 +16,17 @@ const defaultProps = {};
 
 export type FloatingLabelState = { [K in (typeof states)[number]]?: boolean };
 
-export type KendoFloatingLabelrProps = {
+export type KendoFloatingLabelProps = {
     label?: string;
 };
 
+/**
+ * @deprecated
+ */
+export type KendoFloatingLabelrProps = KendoFloatingLabelProps;
+
 export const FloatingLabel = (
-    props: FloatingLabelState & KendoFloatingLabelrProps & React.HTMLAttributes<HTMLSpanElement>
+    props: FloatingLabelState & KendoFloatingLabelProps & React.HTMLAttributes<HTMLSpanElement>
 ) => {
     const {
         focus,

package/src/pager/index.tsx

@@ -1 +1,5 @@
 export * from './pager.spec';
+export * from './templates/pager-normal';
+export * from './templates/pager-input';
+export * from './templates/pager-adaptive';
+export * from './templates/pager-adaptive-input';

package/src/pager/templates/pager-adaptive-input.tsx

@@ -0,0 +1,9 @@
+import Pager from "../pager.spec";
+
+export const PagerAdaptiveInput = (props) => (
+    <Pager
+        type="input"
+        adaptive={true}
+        {...props}
+    />
+);

package/src/pager/templates/pager-adaptive.tsx

@@ -0,0 +1,8 @@
+import Pager from "../pager.spec";
+
+export const PagerAdaptive = (props) => (
+    <Pager
+        adaptive={true}
+        {...props}
+    />
+);

package/src/pager/templates/pager-input.tsx

@@ -0,0 +1,8 @@
+import Pager from "../pager.spec";
+
+export const PagerInput = (props) => (
+    <Pager
+        type="input"
+        {...props}
+    />
+);

package/src/pager/templates/pager-normal.tsx

@@ -0,0 +1,3 @@
+import Pager from "../pager.spec";
+
+export const PagerNormal = (props) => <Pager {...props} />;

package/src/pager/tests/pager-adaptive.tsx

@@ -1,4 +1,4 @@
-import { Pager } from '..';
+import { PagerNormal, PagerInput, PagerAdaptive, PagerAdaptiveInput } from "../../pager";
 
 
 const styles = `
@@ -12,14 +12,14 @@ export default () =>(
         <style>{styles}</style>
         <div id="test-area" className="k-d-grid">
             <span>&gt;= 640 px</span>
-            <Pager size="large"/>
-            <Pager size="large" type="input"/>
+            <PagerNormal size="large"/>
+            <PagerInput size="large"/>
             <span>500 px</span>
-            <Pager size="large" adaptive info={false} refresh={false} itemsPerPage={false} style={{ width: "500px" }}/>
-            <Pager size="large" type="input" adaptive info={false} refresh={false} itemsPerPage={false} style={{ width: "500px" }}/>
+            <PagerAdaptive size="large" info={false} refresh={false} itemsPerPage={false} style={{ width: "500px" }}/>
+            <PagerAdaptiveInput size="large" info={false} refresh={false} itemsPerPage={false} style={{ width: "500px" }}/>
             <span>360 px</span>
-            <Pager size="large" adaptive info={false} refresh={false} itemsPerPage={false} pageSizes={false} style={{ width: "360px" }}/>
-            <Pager size="large" type="input" adaptive info={false} refresh={false} itemsPerPage={false} pageSizes={false} style={{ width: "360px" }}/>
+            <PagerAdaptive size="large" pageSizes={false} info={false} refresh={false} itemsPerPage={false} style={{ width: "360px" }}/>
+            <PagerAdaptiveInput size="large" pageSizes={false} info={false} refresh={false} itemsPerPage={false} style={{ width: "360px" }}/>
         </div>
     </>
 );