@progress/kendo-themes-html 7.0.1-dev.1 → 7.0.2-dev.0

package/dist/esm/pivotgrid/tests/pivotgrid-jquery.js

@@ -7874,146 +7874,158 @@ ToolbarPopup.options = options49;
 ToolbarPopup.className = TOOLBARPOPUP_CLASSNAME;
 ToolbarPopup.defaultProps = defaultProps46;
 
-// src/toolbar/templates/toolbar-normal.tsx
+// src/split-button/templates/icon-split-button.tsx
 import { jsx as jsx121 } from "react/jsx-runtime";
 
-// src/toolbar/templates/toolbar-resizable.tsx
+// src/split-button/templates/icon-text-split-button.tsx
 import { jsx as jsx122 } from "react/jsx-runtime";
 
-// src/toolbar/templates/toolbar-angular-normal.tsx
+// src/split-button/templates/text-split-button.tsx
 import { jsx as jsx123 } from "react/jsx-runtime";
 
+// src/split-button/templates/split-button-popup.tsx
+import { jsx as jsx124, jsxs as jsxs48 } from "react/jsx-runtime";
+
+// src/toolbar/templates/toolbar-normal.tsx
+import { Fragment as Fragment29, jsx as jsx125, jsxs as jsxs49 } from "react/jsx-runtime";
+
+// src/toolbar/templates/toolbar-resizable.tsx
+import { jsx as jsx126 } from "react/jsx-runtime";
+
+// src/toolbar/templates/toolbar-angular-normal.tsx
+import { jsx as jsx127 } from "react/jsx-runtime";
+
 // src/toolbar/templates/toolbar-angular-resizable.tsx
-import { jsx as jsx124 } from "react/jsx-runtime";
+import { jsx as jsx128 } from "react/jsx-runtime";
 
 // src/pivotgrid/tests/pivotgrid-jquery.tsx
-import { Fragment as Fragment29, jsx as jsx125, jsxs as jsxs48 } from "react/jsx-runtime";
-var pivotgrid_jquery_default = () => /* @__PURE__ */ jsx125(Fragment29, { children: /* @__PURE__ */ jsx125("div", { id: "test-area", children: /* @__PURE__ */ jsx125("div", { className: "hidden-on-narrow k-widget k-pivot", style: { height: "580px" }, children: /* @__PURE__ */ jsx125("table", { className: "k-pivot-layout", children: /* @__PURE__ */ jsx125("tbody", { children: /* @__PURE__ */ jsxs48("tr", { children: [
-  /* @__PURE__ */ jsx125("td", { children: /* @__PURE__ */ jsxs48("div", { className: "k-pivot-rowheaders", style: { width: "163px" }, children: [
-    /* @__PURE__ */ jsx125(Toolbar, { className: "k-pivot-toolbar k-settings-measures k-pivot-setting", style: { height: "72px" }, children: /* @__PURE__ */ jsx125(
+import { Fragment as Fragment30, jsx as jsx129, jsxs as jsxs50 } from "react/jsx-runtime";
+var pivotgrid_jquery_default = () => /* @__PURE__ */ jsx129(Fragment30, { children: /* @__PURE__ */ jsx129("div", { id: "test-area", children: /* @__PURE__ */ jsx129("div", { className: "hidden-on-narrow k-widget k-pivot", style: { height: "580px" }, children: /* @__PURE__ */ jsx129("table", { className: "k-pivot-layout", children: /* @__PURE__ */ jsx129("tbody", { children: /* @__PURE__ */ jsxs50("tr", { children: [
+  /* @__PURE__ */ jsx129("td", { children: /* @__PURE__ */ jsxs50("div", { className: "k-pivot-rowheaders", style: { width: "163px" }, children: [
+    /* @__PURE__ */ jsx129(Toolbar, { className: "k-pivot-toolbar k-settings-measures k-pivot-setting", style: { height: "72px" }, children: /* @__PURE__ */ jsx129(
       Chip,
       {
         text: "[Measures].[Reseller Freight Cost]",
-        actions: /* @__PURE__ */ jsxs48(Fragment29, { children: [
-          /* @__PURE__ */ jsx125(ChipAction, { type: "more" }),
-          /* @__PURE__ */ jsx125(ChipAction, { type: "remove" })
+        actions: /* @__PURE__ */ jsxs50(Fragment30, { children: [
+          /* @__PURE__ */ jsx129(ChipAction, { type: "more" }),
+          /* @__PURE__ */ jsx129(ChipAction, { type: "remove" })
         ] })
       }
     ) }),
-    /* @__PURE__ */ jsx125(Toolbar, { className: "k-pivot-toolbar k-settings-rows k-pivot-setting", style: { height: "94px" }, children: /* @__PURE__ */ jsx125(
+    /* @__PURE__ */ jsx129(Toolbar, { className: "k-pivot-toolbar k-settings-rows k-pivot-setting", style: { height: "94px" }, children: /* @__PURE__ */ jsx129(
       Chip,
       {
         text: "[Geography].[City]",
-        actions: /* @__PURE__ */ jsxs48(Fragment29, { children: [
-          /* @__PURE__ */ jsx125(ChipAction, { type: "more" }),
-          /* @__PURE__ */ jsx125(ChipAction, { type: "remove" })
+        actions: /* @__PURE__ */ jsxs50(Fragment30, { children: [
+          /* @__PURE__ */ jsx129(ChipAction, { type: "more" }),
+          /* @__PURE__ */ jsx129(ChipAction, { type: "remove" })
         ] })
       }
     ) }),
-    /* @__PURE__ */ jsx125("div", { className: "k-grid k-grid-md k-alt", style: { height: "363px" }, children: /* @__PURE__ */ jsxs48("table", { className: "k-table k-table-md", children: [
-      /* @__PURE__ */ jsx125("colgroup", { children: /* @__PURE__ */ jsx125("col", {}) }),
-      /* @__PURE__ */ jsx125("tbody", { className: "k-table-tbody", children: /* @__PURE__ */ jsx125("tr", { className: "k-table-row", children: /* @__PURE__ */ jsxs48("td", { className: "k-table-td k-first", children: [
-        /* @__PURE__ */ jsx125(Icon, { icon: "caret-alt-right" }),
-        /* @__PURE__ */ jsx125("span", { children: "All Geographies" })
+    /* @__PURE__ */ jsx129("div", { className: "k-grid k-grid-md k-alt", style: { height: "363px" }, children: /* @__PURE__ */ jsxs50("table", { className: "k-table k-table-md", children: [
+      /* @__PURE__ */ jsx129("colgroup", { children: /* @__PURE__ */ jsx129("col", {}) }),
+      /* @__PURE__ */ jsx129("tbody", { className: "k-table-tbody", children: /* @__PURE__ */ jsx129("tr", { className: "k-table-row", children: /* @__PURE__ */ jsxs50("td", { className: "k-table-td k-first", children: [
+        /* @__PURE__ */ jsx129(Icon, { icon: "caret-alt-right" }),
+        /* @__PURE__ */ jsx129("span", { children: "All Geographies" })
       ] }) }) })
     ] }) })
   ] }) }),
-  /* @__PURE__ */ jsx125("td", { children: /* @__PURE__ */ jsxs48("div", { className: "k-pivot-table", children: [
-    /* @__PURE__ */ jsxs48(Toolbar, { className: "k-pivot-toolbar k-settings-columns k-pivot-setting", style: { height: "72px" }, children: [
-      /* @__PURE__ */ jsx125(
+  /* @__PURE__ */ jsx129("td", { children: /* @__PURE__ */ jsxs50("div", { className: "k-pivot-table", children: [
+    /* @__PURE__ */ jsxs50(Toolbar, { className: "k-pivot-toolbar k-settings-columns k-pivot-setting", style: { height: "72px" }, children: [
+      /* @__PURE__ */ jsx129(
         Chip,
         {
           text: "[Date].[Calendar]",
-          actions: /* @__PURE__ */ jsxs48(Fragment29, { children: [
-            /* @__PURE__ */ jsx125(ChipAction, { type: "more" }),
-            /* @__PURE__ */ jsx125(ChipAction, { type: "remove" })
+          actions: /* @__PURE__ */ jsxs50(Fragment30, { children: [
+            /* @__PURE__ */ jsx129(ChipAction, { type: "more" }),
+            /* @__PURE__ */ jsx129(ChipAction, { type: "remove" })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx125(
+      /* @__PURE__ */ jsx129(
         Chip,
         {
           text: "[Product].[Category]",
-          actions: /* @__PURE__ */ jsxs48(Fragment29, { children: [
-            /* @__PURE__ */ jsx125(ChipAction, { type: "more" }),
-            /* @__PURE__ */ jsx125(ChipAction, { type: "remove" })
+          actions: /* @__PURE__ */ jsxs50(Fragment30, { children: [
+            /* @__PURE__ */ jsx129(ChipAction, { type: "more" }),
+            /* @__PURE__ */ jsx129(ChipAction, { type: "remove" })
           ] })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs48("div", { className: "k-grid k-grid-md", children: [
-      /* @__PURE__ */ jsx125("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx125("div", { className: "k-grid-header-wrap", style: { height: "110px" }, children: /* @__PURE__ */ jsxs48("table", { className: "k-table k-table-md k-grid-header-table", style: { width: "199%" }, children: [
-        /* @__PURE__ */ jsxs48("colgroup", { children: [
-          /* @__PURE__ */ jsx125("col", {}),
-          /* @__PURE__ */ jsx125("col", {}),
-          /* @__PURE__ */ jsx125("col", {}),
-          /* @__PURE__ */ jsx125("col", {}),
-          /* @__PURE__ */ jsx125("col", {})
+    /* @__PURE__ */ jsxs50("div", { className: "k-grid k-grid-md", children: [
+      /* @__PURE__ */ jsx129("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx129("div", { className: "k-grid-header-wrap", style: { height: "110px" }, children: /* @__PURE__ */ jsxs50("table", { className: "k-table k-table-md k-grid-header-table", style: { width: "199%" }, children: [
+        /* @__PURE__ */ jsxs50("colgroup", { children: [
+          /* @__PURE__ */ jsx129("col", {}),
+          /* @__PURE__ */ jsx129("col", {}),
+          /* @__PURE__ */ jsx129("col", {}),
+          /* @__PURE__ */ jsx129("col", {}),
+          /* @__PURE__ */ jsx129("col", {})
         ] }),
-        /* @__PURE__ */ jsxs48("tbody", { className: "k-table-tbody", children: [
-          /* @__PURE__ */ jsxs48("tr", { className: "k-table-row", children: [
-            /* @__PURE__ */ jsx125("th", { className: "k-table-th k-header", colSpan: 4, children: /* @__PURE__ */ jsx125("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs48("span", { className: "k-link", children: [
-              /* @__PURE__ */ jsx125(Icon, { icon: "caret-alt-down" }),
-              /* @__PURE__ */ jsx125("span", { className: "k-column-title", children: "All Periods" })
+        /* @__PURE__ */ jsxs50("tbody", { className: "k-table-tbody", children: [
+          /* @__PURE__ */ jsxs50("tr", { className: "k-table-row", children: [
+            /* @__PURE__ */ jsx129("th", { className: "k-table-th k-header", colSpan: 4, children: /* @__PURE__ */ jsx129("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs50("span", { className: "k-link", children: [
+              /* @__PURE__ */ jsx129(Icon, { icon: "caret-alt-down" }),
+              /* @__PURE__ */ jsx129("span", { className: "k-column-title", children: "All Periods" })
             ] }) }) }),
-            /* @__PURE__ */ jsx125("th", { className: "k-table-th k-header k-alt", colSpan: 1, rowSpan: 2, children: /* @__PURE__ */ jsx125("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx125("span", { className: "k-link", children: /* @__PURE__ */ jsx125("span", { className: "k-column-title", children: "All Periods" }) }) }) })
+            /* @__PURE__ */ jsx129("th", { className: "k-table-th k-header k-alt", colSpan: 1, rowSpan: 2, children: /* @__PURE__ */ jsx129("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsx129("span", { className: "k-link", children: /* @__PURE__ */ jsx129("span", { className: "k-column-title", children: "All Periods" }) }) }) })
           ] }),
-          /* @__PURE__ */ jsxs48("tr", { className: "k-table-row", children: [
-            /* @__PURE__ */ jsx125("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx125("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs48("span", { className: "k-link", children: [
-              /* @__PURE__ */ jsx125(Icon, { icon: "caret-alt-right" }),
-              /* @__PURE__ */ jsx125("span", { className: "k-column-title", children: "CY 2005" })
+          /* @__PURE__ */ jsxs50("tr", { className: "k-table-row", children: [
+            /* @__PURE__ */ jsx129("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx129("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs50("span", { className: "k-link", children: [
+              /* @__PURE__ */ jsx129(Icon, { icon: "caret-alt-right" }),
+              /* @__PURE__ */ jsx129("span", { className: "k-column-title", children: "CY 2005" })
             ] }) }) }),
-            /* @__PURE__ */ jsx125("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx125("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs48("span", { className: "k-link", children: [
-              /* @__PURE__ */ jsx125(Icon, { icon: "caret-alt-right" }),
-              /* @__PURE__ */ jsx125("span", { className: "k-column-title", children: "CY 2006" })
+            /* @__PURE__ */ jsx129("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx129("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs50("span", { className: "k-link", children: [
+              /* @__PURE__ */ jsx129(Icon, { icon: "caret-alt-right" }),
+              /* @__PURE__ */ jsx129("span", { className: "k-column-title", children: "CY 2006" })
             ] }) }) }),
-            /* @__PURE__ */ jsx125("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx125("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs48("span", { className: "k-link", children: [
-              /* @__PURE__ */ jsx125(Icon, { icon: "caret-alt-right" }),
-              /* @__PURE__ */ jsx125("span", { className: "k-column-title", children: "CY 2007" })
+            /* @__PURE__ */ jsx129("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx129("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs50("span", { className: "k-link", children: [
+              /* @__PURE__ */ jsx129(Icon, { icon: "caret-alt-right" }),
+              /* @__PURE__ */ jsx129("span", { className: "k-column-title", children: "CY 2007" })
             ] }) }) }),
-            /* @__PURE__ */ jsx125("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx125("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs48("span", { className: "k-link", children: [
-              /* @__PURE__ */ jsx125(Icon, { icon: "caret-alt-right" }),
-              /* @__PURE__ */ jsx125("span", { className: "k-column-title", children: "CY 2008" })
+            /* @__PURE__ */ jsx129("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx129("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs50("span", { className: "k-link", children: [
+              /* @__PURE__ */ jsx129(Icon, { icon: "caret-alt-right" }),
+              /* @__PURE__ */ jsx129("span", { className: "k-column-title", children: "CY 2008" })
             ] }) }) })
           ] }),
-          /* @__PURE__ */ jsxs48("tr", { className: "k-table-row", children: [
-            /* @__PURE__ */ jsx125("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx125("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs48("span", { className: "k-link", children: [
-              /* @__PURE__ */ jsx125(Icon, { icon: "caret-alt-right" }),
-              /* @__PURE__ */ jsx125("span", { className: "k-column-title", children: "All Products" })
+          /* @__PURE__ */ jsxs50("tr", { className: "k-table-row", children: [
+            /* @__PURE__ */ jsx129("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx129("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs50("span", { className: "k-link", children: [
+              /* @__PURE__ */ jsx129(Icon, { icon: "caret-alt-right" }),
+              /* @__PURE__ */ jsx129("span", { className: "k-column-title", children: "All Products" })
             ] }) }) }),
-            /* @__PURE__ */ jsx125("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx125("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs48("span", { className: "k-link", children: [
-              /* @__PURE__ */ jsx125(Icon, { icon: "caret-alt-right" }),
-              /* @__PURE__ */ jsx125("span", { className: "k-column-title", children: "All Products" })
+            /* @__PURE__ */ jsx129("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx129("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs50("span", { className: "k-link", children: [
+              /* @__PURE__ */ jsx129(Icon, { icon: "caret-alt-right" }),
+              /* @__PURE__ */ jsx129("span", { className: "k-column-title", children: "All Products" })
             ] }) }) }),
-            /* @__PURE__ */ jsx125("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx125("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs48("span", { className: "k-link", children: [
-              /* @__PURE__ */ jsx125(Icon, { icon: "caret-alt-right" }),
-              /* @__PURE__ */ jsx125("span", { className: "k-column-title", children: "All Products" })
+            /* @__PURE__ */ jsx129("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx129("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs50("span", { className: "k-link", children: [
+              /* @__PURE__ */ jsx129(Icon, { icon: "caret-alt-right" }),
+              /* @__PURE__ */ jsx129("span", { className: "k-column-title", children: "All Products" })
             ] }) }) }),
-            /* @__PURE__ */ jsx125("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx125("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs48("span", { className: "k-link", children: [
-              /* @__PURE__ */ jsx125(Icon, { icon: "caret-alt-right" }),
-              /* @__PURE__ */ jsx125("span", { className: "k-column-title", children: "All Products" })
+            /* @__PURE__ */ jsx129("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx129("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs50("span", { className: "k-link", children: [
+              /* @__PURE__ */ jsx129(Icon, { icon: "caret-alt-right" }),
+              /* @__PURE__ */ jsx129("span", { className: "k-column-title", children: "All Products" })
             ] }) }) }),
-            /* @__PURE__ */ jsx125("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx125("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs48("span", { className: "k-link", children: [
-              /* @__PURE__ */ jsx125(Icon, { icon: "caret-alt-right" }),
-              /* @__PURE__ */ jsx125("span", { className: "k-column-title", children: "All Products" })
+            /* @__PURE__ */ jsx129("th", { className: "k-table-th k-header", children: /* @__PURE__ */ jsx129("span", { className: "k-cell-inner", children: /* @__PURE__ */ jsxs50("span", { className: "k-link", children: [
+              /* @__PURE__ */ jsx129(Icon, { icon: "caret-alt-right" }),
+              /* @__PURE__ */ jsx129("span", { className: "k-column-title", children: "All Products" })
             ] }) }) })
           ] })
         ] })
       ] }) }) }),
-      /* @__PURE__ */ jsx125("div", { className: "k-grid-content", style: { height: "380px" }, children: /* @__PURE__ */ jsxs48("table", { className: "k-table k-table-md k-grid-table", style: { width: "199%" }, children: [
-        /* @__PURE__ */ jsxs48("colgroup", { children: [
-          /* @__PURE__ */ jsx125("col", {}),
-          /* @__PURE__ */ jsx125("col", {}),
-          /* @__PURE__ */ jsx125("col", {}),
-          /* @__PURE__ */ jsx125("col", {}),
-          /* @__PURE__ */ jsx125("col", {})
+      /* @__PURE__ */ jsx129("div", { className: "k-grid-content", style: { height: "380px" }, children: /* @__PURE__ */ jsxs50("table", { className: "k-table k-table-md k-grid-table", style: { width: "199%" }, children: [
+        /* @__PURE__ */ jsxs50("colgroup", { children: [
+          /* @__PURE__ */ jsx129("col", {}),
+          /* @__PURE__ */ jsx129("col", {}),
+          /* @__PURE__ */ jsx129("col", {}),
+          /* @__PURE__ */ jsx129("col", {}),
+          /* @__PURE__ */ jsx129("col", {})
         ] }),
-        /* @__PURE__ */ jsx125("tbody", { className: "k-table-tbody", children: /* @__PURE__ */ jsxs48("tr", { className: "k-table-row", children: [
-          /* @__PURE__ */ jsx125("td", { className: "k-table-td", children: "$201,635.92" }),
-          /* @__PURE__ */ jsx125("td", { className: "k-table-td", children: "$603,610.94" }),
-          /* @__PURE__ */ jsx125("td", { className: "k-table-td", children: "$805,067.19" }),
-          /* @__PURE__ */ jsx125("td", { className: "k-table-td", children: "$400,951.86" }),
-          /* @__PURE__ */ jsx125("td", { className: "k-table-td k-alt", children: "$2,011,265.92" })
+        /* @__PURE__ */ jsx129("tbody", { className: "k-table-tbody", children: /* @__PURE__ */ jsxs50("tr", { className: "k-table-row", children: [
+          /* @__PURE__ */ jsx129("td", { className: "k-table-td", children: "$201,635.92" }),
+          /* @__PURE__ */ jsx129("td", { className: "k-table-td", children: "$603,610.94" }),
+          /* @__PURE__ */ jsx129("td", { className: "k-table-td", children: "$805,067.19" }),
+          /* @__PURE__ */ jsx129("td", { className: "k-table-td", children: "$400,951.86" }),
+          /* @__PURE__ */ jsx129("td", { className: "k-table-td k-alt", children: "$2,011,265.92" })
         ] }) })
       ] }) })
     ] })

package/dist/esm/popover/templates/popover-normal.js

@@ -0,0 +1,70 @@
+// src/misc/class-names.ts
+var classNames = (...args) => {
+  return args.filter((arg) => arg !== true && Boolean(arg)).map((arg) => {
+    return Array.isArray(arg) ? classNames(...arg) : typeof arg === "object" ? Object.keys(arg).map((key, idx) => arg[idx] || arg[key] && key || null).filter((el) => el !== null).join(" ") : arg;
+  }).filter((arg) => Boolean(arg)).join(" ");
+};
+
+// src/misc/theme.ts
+var kendoThemeMaps = {
+  calloutMap: {
+    top: "n",
+    bottom: "s",
+    left: "w",
+    right: "e"
+  },
+  orientationMap: {
+    vertical: "vstack",
+    horizontal: "hstack"
+  }
+};
+
+// src/popover/popover.spec.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var POPOVER_CLASSNAME = `k-popover`;
+var states = [];
+var options = {};
+var defaultProps = {};
+var Popover = (props) => {
+  const {
+    callout,
+    title,
+    body,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        POPOVER_CLASSNAME
+      ),
+      children: [
+        callout && /* @__PURE__ */ jsx("div", { className: classNames(
+          "k-popover-callout",
+          {
+            [`k-callout-${kendoThemeMaps.calloutMap[callout] || callout}`]: callout
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "k-popover-inner", children: [
+          title && /* @__PURE__ */ jsx("div", { className: "k-popover-header", children: title }),
+          body && /* @__PURE__ */ jsx("div", { className: "k-popover-body", children: body }),
+          /* @__PURE__ */ jsx(Fragment, { children: props.children })
+        ] })
+      ]
+    }
+  );
+};
+Popover.states = states;
+Popover.options = options;
+Popover.className = POPOVER_CLASSNAME;
+Popover.defaultProps = defaultProps;
+var popover_spec_default = Popover;
+
+// src/popover/templates/popover-normal.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var PopoverNormal = ({ children, ...other }) => /* @__PURE__ */ jsx2(popover_spec_default, { ...other, children });
+export {
+  PopoverNormal
+};

package/dist/esm/popover/tests/popover.js

@@ -164,9 +164,14 @@ Popover.states = states;
 Popover.options = options;
 Popover.className = POPOVER_CLASSNAME;
 Popover.defaultProps = defaultProps;
+var popover_spec_default = Popover;
+
+// src/popover/templates/popover-normal.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var PopoverNormal = ({ children, ...other }) => /* @__PURE__ */ jsx2(popover_spec_default, { ...other, children });
 
 // src/icon/font-icon.spec.tsx
-import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
 var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states2 = [];
 var options2 = {
@@ -195,9 +200,9 @@ var FontIcon = (props) => {
     ...other
   } = props;
   if (!icon) {
-    return /* @__PURE__ */ jsx2(Fragment2, {});
+    return /* @__PURE__ */ jsx3(Fragment2, {});
   }
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "span",
     {
       ...other,
@@ -225,7 +230,7 @@ FontIcon.defaultProps = defaultProps2;
 var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
-import { Fragment as Fragment3, jsx as jsx3 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx4 } from "react/jsx-runtime";
 var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states3 = [];
 var options3 = {
@@ -257,10 +262,10 @@ var SvgIcon = (props) => {
     ...other
   } = props;
   if (!icon) {
-    return /* @__PURE__ */ jsx3(Fragment3, {});
+    return /* @__PURE__ */ jsx4(Fragment3, {});
   }
   if (icon === "none") {
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4(
       "span",
       {
         ...other,
@@ -273,7 +278,7 @@ var SvgIcon = (props) => {
     );
   }
   const name = typeof icon === "object" && icon.name && icon.name;
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     "span",
     {
       ...other,
@@ -291,7 +296,7 @@ var SvgIcon = (props) => {
           "k-flip-v": flip === "v" || flip === "both"
         }
       ),
-      children: /* @__PURE__ */ jsx3(
+      children: /* @__PURE__ */ jsx4(
         "svg",
         {
           "aria-hidden": true,
@@ -4307,7 +4312,7 @@ var chartChoroplethIcon = {
 };
 
 // src/icon/icon.spec.tsx
-import { Fragment as Fragment4, jsx as jsx4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx5 } from "react/jsx-runtime";
 var snakeToCamel = (str) => str.toLowerCase().replace(
   /([-_][a-z])/g,
   (group) => group.toUpperCase().replace("-", "").replace("_", "")
@@ -4344,26 +4349,26 @@ var Icon = (props) => {
     ...other
   } = props;
   if (!icon) {
-    return /* @__PURE__ */ jsx4(Fragment4, {});
+    return /* @__PURE__ */ jsx5(Fragment4, {});
   }
   if (type === "svg") {
     if (icon === "none") {
-      return /* @__PURE__ */ jsx4(svg_icon_spec_default, { ...other, icon, size });
+      return /* @__PURE__ */ jsx5(svg_icon_spec_default, { ...other, icon, size });
     }
     const iconSVG = snakeToCamel(`${icon}-icon`);
     if (!index_es_exports[iconSVG]) {
-      return /* @__PURE__ */ jsx4(Fragment4, {});
+      return /* @__PURE__ */ jsx5(Fragment4, {});
     }
-    return /* @__PURE__ */ jsx4(svg_icon_spec_default, { ...other, icon: index_es_exports[iconSVG], size, themeColor, rotate, flip, viewBox });
+    return /* @__PURE__ */ jsx5(svg_icon_spec_default, { ...other, icon: index_es_exports[iconSVG], size, themeColor, rotate, flip, viewBox });
   }
-  return /* @__PURE__ */ jsx4(font_icon_spec_default, { ...other, icon, size, themeColor, rotate, flip });
+  return /* @__PURE__ */ jsx5(font_icon_spec_default, { ...other, icon, size, themeColor, rotate, flip });
 };
 Icon.states = states4;
 Icon.options = options4;
 Icon.defaultProps = defaultProps4;
 
 // src/button/button.spec.tsx
-import { Fragment as Fragment5, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
 var BUTTON_CLASSNAME = `k-button`;
 var states5 = [
   States.hover,
@@ -4443,7 +4448,7 @@ var Button = (props) => {
         }
       ),
       children: [
-        icon && /* @__PURE__ */ jsx5(
+        icon && /* @__PURE__ */ jsx6(
           Icon,
           {
             className: classNames(iconClassName, "k-button-icon"),
@@ -4451,10 +4456,10 @@ var Button = (props) => {
           }
         ),
         text ? /* @__PURE__ */ jsxs2(Fragment5, { children: [
-          text && /* @__PURE__ */ jsx5("span", { className: "k-button-text", children: text }),
+          text && /* @__PURE__ */ jsx6("span", { className: "k-button-text", children: text }),
           props.children
-        ] }) : props.children && /* @__PURE__ */ jsx5("span", { className: "k-button-text", children: props.children }),
-        showArrow && /* @__PURE__ */ jsx5("span", { className: "k-menu-button-arrow k-button-arrow", children: /* @__PURE__ */ jsx5(Icon, { icon: arrowIconName }) })
+        ] }) : props.children && /* @__PURE__ */ jsx6("span", { className: "k-button-text", children: props.children }),
+        showArrow && /* @__PURE__ */ jsx6("span", { className: "k-menu-button-arrow k-button-arrow", children: /* @__PURE__ */ jsx6(Icon, { icon: arrowIconName }) })
       ]
     }
   );
@@ -4465,16 +4470,16 @@ Button.className = BUTTON_CLASSNAME;
 Button.defaultProps = defaultProps5;
 
 // src/button/templates/icon-button.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 
 // src/button/templates/icon-text-button.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 
 // src/button/templates/text-button.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 
 // src/action-buttons/action-buttons.spec.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var ACTIONBUTTONS_CLASSNAME = `k-actions`;
 var states6 = [];
 var options6 = {};
@@ -4488,7 +4493,7 @@ var ActionButtons = (props) => {
     orientation = defaultProps6.orientation,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       ...other,
@@ -4510,7 +4515,7 @@ ActionButtons.className = ACTIONBUTTONS_CLASSNAME;
 ActionButtons.defaultProps = defaultProps6;
 
 // src/popover/tests/popover.tsx
-import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
 var styles = `
     .k-popover {
         position: relative;
@@ -4518,30 +4523,30 @@ var styles = `
     }
 `;
 var popover_default = () => /* @__PURE__ */ jsxs3(Fragment6, { children: [
-  /* @__PURE__ */ jsx10("style", { children: styles }),
+  /* @__PURE__ */ jsx11("style", { children: styles }),
   /* @__PURE__ */ jsxs3("div", { id: "test-area", className: "k-d-grid k-grid-cols-5", children: [
-    /* @__PURE__ */ jsx10("span", { children: "Callout top" }),
-    /* @__PURE__ */ jsx10("span", { children: "Callout right" }),
-    /* @__PURE__ */ jsx10("span", { children: "Callout bottom" }),
-    /* @__PURE__ */ jsx10("span", { children: "Callout left" }),
-    /* @__PURE__ */ jsx10("span", { children: "Empty body fixed height" }),
-    /* @__PURE__ */ jsx10("section", { children: /* @__PURE__ */ jsx10(Popover, { callout: "top", title: "Title", body: /* @__PURE__ */ jsx10(Fragment6, { children: "Body content" }), children: /* @__PURE__ */ jsxs3(ActionButtons, { className: "k-popover-actions", alignment: "stretched", children: [
-      /* @__PURE__ */ jsx10(Button, { fillMode: "flat", children: "Action" }),
-      /* @__PURE__ */ jsx10(Button, { fillMode: "flat", themeColor: "primary", children: "Primary" })
+    /* @__PURE__ */ jsx11("span", { children: "Callout top" }),
+    /* @__PURE__ */ jsx11("span", { children: "Callout right" }),
+    /* @__PURE__ */ jsx11("span", { children: "Callout bottom" }),
+    /* @__PURE__ */ jsx11("span", { children: "Callout left" }),
+    /* @__PURE__ */ jsx11("span", { children: "Empty body fixed height" }),
+    /* @__PURE__ */ jsx11("section", { children: /* @__PURE__ */ jsx11(PopoverNormal, { callout: "top", title: "Title", body: /* @__PURE__ */ jsx11(Fragment6, { children: "Body content" }), children: /* @__PURE__ */ jsxs3(ActionButtons, { className: "k-popover-actions", alignment: "stretched", children: [
+      /* @__PURE__ */ jsx11(Button, { fillMode: "flat", children: "Action" }),
+      /* @__PURE__ */ jsx11(Button, { fillMode: "flat", themeColor: "primary", children: "Primary" })
     ] }) }) }),
-    /* @__PURE__ */ jsx10("section", { children: /* @__PURE__ */ jsx10(Popover, { callout: "right", title: "Title", body: /* @__PURE__ */ jsx10(Fragment6, { children: "Body content" }), children: /* @__PURE__ */ jsxs3(ActionButtons, { className: "k-popover-actions", alignment: "stretched", children: [
-      /* @__PURE__ */ jsx10(Button, { fillMode: "flat", children: "Action" }),
-      /* @__PURE__ */ jsx10(Button, { fillMode: "flat", themeColor: "primary", children: "Primary" })
+    /* @__PURE__ */ jsx11("section", { children: /* @__PURE__ */ jsx11(PopoverNormal, { callout: "right", title: "Title", body: /* @__PURE__ */ jsx11(Fragment6, { children: "Body content" }), children: /* @__PURE__ */ jsxs3(ActionButtons, { className: "k-popover-actions", alignment: "stretched", children: [
+      /* @__PURE__ */ jsx11(Button, { fillMode: "flat", children: "Action" }),
+      /* @__PURE__ */ jsx11(Button, { fillMode: "flat", themeColor: "primary", children: "Primary" })
     ] }) }) }),
-    /* @__PURE__ */ jsx10("section", { children: /* @__PURE__ */ jsx10(Popover, { callout: "bottom", title: "Title", body: /* @__PURE__ */ jsx10(Fragment6, { children: "Body content" }), children: /* @__PURE__ */ jsxs3(ActionButtons, { className: "k-popover-actions", alignment: "stretched", children: [
-      /* @__PURE__ */ jsx10(Button, { fillMode: "flat", children: "Action" }),
-      /* @__PURE__ */ jsx10(Button, { fillMode: "flat", themeColor: "primary", children: "Primary" })
+    /* @__PURE__ */ jsx11("section", { children: /* @__PURE__ */ jsx11(PopoverNormal, { callout: "bottom", title: "Title", body: /* @__PURE__ */ jsx11(Fragment6, { children: "Body content" }), children: /* @__PURE__ */ jsxs3(ActionButtons, { className: "k-popover-actions", alignment: "stretched", children: [
+      /* @__PURE__ */ jsx11(Button, { fillMode: "flat", children: "Action" }),
+      /* @__PURE__ */ jsx11(Button, { fillMode: "flat", themeColor: "primary", children: "Primary" })
     ] }) }) }),
-    /* @__PURE__ */ jsx10("section", { children: /* @__PURE__ */ jsx10(Popover, { callout: "left", title: "Title", body: /* @__PURE__ */ jsx10(Fragment6, { children: "Body content" }), children: /* @__PURE__ */ jsxs3(ActionButtons, { className: "k-popover-actions", alignment: "stretched", children: [
-      /* @__PURE__ */ jsx10(Button, { fillMode: "flat", children: "Action" }),
-      /* @__PURE__ */ jsx10(Button, { fillMode: "flat", themeColor: "primary", children: "Primary" })
+    /* @__PURE__ */ jsx11("section", { children: /* @__PURE__ */ jsx11(PopoverNormal, { callout: "left", title: "Title", body: /* @__PURE__ */ jsx11(Fragment6, { children: "Body content" }), children: /* @__PURE__ */ jsxs3(ActionButtons, { className: "k-popover-actions", alignment: "stretched", children: [
+      /* @__PURE__ */ jsx11(Button, { fillMode: "flat", children: "Action" }),
+      /* @__PURE__ */ jsx11(Button, { fillMode: "flat", themeColor: "primary", children: "Primary" })
     ] }) }) }),
-    /* @__PURE__ */ jsx10("section", { children: /* @__PURE__ */ jsx10(Popover, { callout: "left", title: "Title", style: { height: "150px" } }) })
+    /* @__PURE__ */ jsx11("section", { children: /* @__PURE__ */ jsx11(PopoverNormal, { callout: "left", title: "Title", style: { height: "150px" } }) })
   ] })
 ] });
 export {