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

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

@@ -4506,12 +4506,14 @@ Dialog.defaultProps = defaultProps6;
 var dialog_spec_default = Dialog;
 
 // src/dialog/templates/dialog-normal.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-var DialogNormal = ({ children, ...other }) => /* @__PURE__ */ jsx10(
+import { Fragment as Fragment6, jsx as jsx10 } from "react/jsx-runtime";
+var DialogNormal = (props) => /* @__PURE__ */ jsx10(
   dialog_spec_default,
   {
-    ...other,
-    children
+    children: [
+      /* @__PURE__ */ jsx10(Fragment6, { children: "Dialog content" })
+    ],
+    ...props
   }
 );
 export {

package/dist/esm/dialog/tests/dialog-action-buttons.js

@@ -4506,42 +4506,44 @@ Dialog.defaultProps = defaultProps6;
 var dialog_spec_default = Dialog;
 
 // src/dialog/templates/dialog-normal.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-var DialogNormal = ({ children, ...other }) => /* @__PURE__ */ jsx10(
+import { Fragment as Fragment6, jsx as jsx10 } from "react/jsx-runtime";
+var DialogNormal = (props) => /* @__PURE__ */ jsx10(
   dialog_spec_default,
   {
-    ...other,
-    children
+    children: [
+      /* @__PURE__ */ jsx10(Fragment6, { children: "Dialog content" })
+    ],
+    ...props
   }
 );
 
 // src/dialog/templates/dialog-modal.tsx
-import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
 
 // src/dialog/tests/dialog-action-buttons.tsx
-import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
 var styles = `
     .k-dialog {
         position: relative;
         width: 300px;
     }
 `;
-var dialog_action_buttons_default = () => /* @__PURE__ */ jsxs4(Fragment7, { children: [
+var dialog_action_buttons_default = () => /* @__PURE__ */ jsxs4(Fragment8, { children: [
   /* @__PURE__ */ jsx12("style", { children: styles }),
   /* @__PURE__ */ jsxs4("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
-    /* @__PURE__ */ jsx12(DialogNormal, { title: "Title", actions: ["x"], actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ jsxs4(Fragment7, { children: [
+    /* @__PURE__ */ jsx12(DialogNormal, { title: "Title", actions: ["x"], actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ jsxs4(Fragment8, { children: [
       /* @__PURE__ */ jsx12(Button, { children: "Action" }),
       /* @__PURE__ */ jsx12(Button, { themeColor: "primary", children: "Primary" })
     ] }), children: "Action Buttons at start position" }),
-    /* @__PURE__ */ jsx12(DialogNormal, { title: "Title", actions: ["x"], actionButtonsAlign: "center", actionButtons: /* @__PURE__ */ jsxs4(Fragment7, { children: [
+    /* @__PURE__ */ jsx12(DialogNormal, { title: "Title", actions: ["x"], actionButtonsAlign: "center", actionButtons: /* @__PURE__ */ jsxs4(Fragment8, { children: [
       /* @__PURE__ */ jsx12(Button, { children: "Action" }),
       /* @__PURE__ */ jsx12(Button, { themeColor: "primary", children: "Primary" })
     ] }), children: "Action Buttons at center position" }),
-    /* @__PURE__ */ jsx12(DialogNormal, { title: "Title", actions: ["x"], actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment7, { children: [
+    /* @__PURE__ */ jsx12(DialogNormal, { title: "Title", actions: ["x"], actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment8, { children: [
       /* @__PURE__ */ jsx12(Button, { children: "Action" }),
       /* @__PURE__ */ jsx12(Button, { themeColor: "primary", children: "Primary" })
     ] }), children: "Action Buttons at end position" }),
-    /* @__PURE__ */ jsx12(DialogNormal, { title: "Title", actions: ["x"], actionButtonsAlign: "stretched", actionButtons: /* @__PURE__ */ jsxs4(Fragment7, { children: [
+    /* @__PURE__ */ jsx12(DialogNormal, { title: "Title", actions: ["x"], actionButtonsAlign: "stretched", actionButtons: /* @__PURE__ */ jsxs4(Fragment8, { children: [
       /* @__PURE__ */ jsx12(Button, { children: "Action" }),
       /* @__PURE__ */ jsx12(Button, { themeColor: "primary", children: "Primary" })
     ] }), children: "Action Buttons with stretched position" })

package/dist/esm/dialog/tests/dialog-in-window.js

@@ -4563,17 +4563,17 @@ Dialog.defaultProps = defaultProps7;
 var dialog_spec_default = Dialog;
 
 // src/dialog/templates/dialog-normal.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx11 } from "react/jsx-runtime";
 
 // src/dialog/templates/dialog-modal.tsx
-import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
-var DialogModal = ({ children, ...other }) => /* @__PURE__ */ jsx12(Fragment7, { children: /* @__PURE__ */ jsxs4("div", { className: "k-dialog-wrapper", children: [
+import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+var DialogModal = ({ children, ...other }) => /* @__PURE__ */ jsx12(Fragment8, { children: /* @__PURE__ */ jsxs4("div", { className: "k-dialog-wrapper", children: [
   /* @__PURE__ */ jsx12("div", { className: "k-overlay" }),
   /* @__PURE__ */ jsx12(dialog_spec_default, { ...other, children })
 ] }) });
 
 // src/dialog/tests/dialog-in-window.tsx
-import { Fragment as Fragment8, jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 var styles = `
     #test-area {
         width: 500px;
@@ -4589,7 +4589,7 @@ var styles = `
         height: 200px;
     }
 `;
-var dialog_in_window_default = () => /* @__PURE__ */ jsxs5(Fragment8, { children: [
+var dialog_in_window_default = () => /* @__PURE__ */ jsxs5(Fragment9, { children: [
   /* @__PURE__ */ jsx13("style", { children: styles }),
   /* @__PURE__ */ jsx13("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ jsx13("section", { children: /* @__PURE__ */ jsxs5(Window, { title: "Window with dialog", actions: ["window-minimize", "window", "x"], className: "k-window-wrapper", children: [
     "Window content",

package/dist/esm/dialog/tests/dialog-modal.js

@@ -4506,17 +4506,17 @@ Dialog.defaultProps = defaultProps6;
 var dialog_spec_default = Dialog;
 
 // src/dialog/templates/dialog-normal.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx10 } from "react/jsx-runtime";
 
 // src/dialog/templates/dialog-modal.tsx
-import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
-var DialogModal = ({ children, ...other }) => /* @__PURE__ */ jsx11(Fragment6, { children: /* @__PURE__ */ jsxs3("div", { className: "k-dialog-wrapper", children: [
+import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+var DialogModal = ({ children, ...other }) => /* @__PURE__ */ jsx11(Fragment7, { children: /* @__PURE__ */ jsxs3("div", { className: "k-dialog-wrapper", children: [
   /* @__PURE__ */ jsx11("div", { className: "k-overlay" }),
   /* @__PURE__ */ jsx11(dialog_spec_default, { ...other, children })
 ] }) });
 
 // src/dialog/tests/dialog-modal.tsx
-import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
 var styles = `
     #test-area {
         width: 500px;
@@ -4528,9 +4528,9 @@ var styles = `
         height: 200px;
     }
 `;
-var dialog_modal_default = () => /* @__PURE__ */ jsxs4(Fragment7, { children: [
+var dialog_modal_default = () => /* @__PURE__ */ jsxs4(Fragment8, { children: [
   /* @__PURE__ */ jsx12("style", { children: styles }),
-  /* @__PURE__ */ jsx12("div", { id: "test-area", className: "k-grid-cols-1", children: /* @__PURE__ */ jsx12(DialogModal, { title: "Title", actions: ["x"], actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment7, { children: [
+  /* @__PURE__ */ jsx12("div", { id: "test-area", className: "k-grid-cols-1", children: /* @__PURE__ */ jsx12(DialogModal, { title: "Title", actions: ["x"], actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment8, { children: [
     /* @__PURE__ */ jsx12(Button, { children: "Action" }),
     /* @__PURE__ */ jsx12(Button, { themeColor: "primary", children: "Primary" })
   ] }), children: "Dialog content template" }) })

package/dist/esm/dialog/tests/dialog-theme-colors.js

@@ -4506,41 +4506,43 @@ Dialog.defaultProps = defaultProps6;
 var dialog_spec_default = Dialog;
 
 // src/dialog/templates/dialog-normal.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-var DialogNormal = ({ children, ...other }) => /* @__PURE__ */ jsx10(
+import { Fragment as Fragment6, jsx as jsx10 } from "react/jsx-runtime";
+var DialogNormal = (props) => /* @__PURE__ */ jsx10(
   dialog_spec_default,
   {
-    ...other,
-    children
+    children: [
+      /* @__PURE__ */ jsx10(Fragment6, { children: "Dialog content" })
+    ],
+    ...props
   }
 );
 
 // src/dialog/templates/dialog-modal.tsx
-import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
 
 // src/dialog/tests/dialog-theme-colors.tsx
-import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
 var styles = `
     .k-dialog {
         position: relative;
     }
 `;
-var dialog_theme_colors_default = () => /* @__PURE__ */ jsxs4(Fragment7, { children: [
+var dialog_theme_colors_default = () => /* @__PURE__ */ jsxs4(Fragment8, { children: [
   /* @__PURE__ */ jsx12("style", { children: styles }),
   /* @__PURE__ */ jsxs4("div", { id: "test-area", className: "k-d-grid k-grid-cols-3", children: [
-    /* @__PURE__ */ jsx12(DialogNormal, { title: "Title", actions: ["x"], actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment7, { children: [
+    /* @__PURE__ */ jsx12(DialogNormal, { title: "Title", actions: ["x"], actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment8, { children: [
       /* @__PURE__ */ jsx12(Button, { children: "Action" }),
       /* @__PURE__ */ jsx12(Button, { themeColor: "primary", children: "Primary" })
     ] }), children: "Dialog with default theme color" }),
-    /* @__PURE__ */ jsx12(DialogNormal, { themeColor: "primary", title: "Title", actions: ["x"], actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment7, { children: [
+    /* @__PURE__ */ jsx12(DialogNormal, { themeColor: "primary", title: "Title", actions: ["x"], actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment8, { children: [
       /* @__PURE__ */ jsx12(Button, { children: "Action" }),
       /* @__PURE__ */ jsx12(Button, { themeColor: "primary", children: "Primary" })
     ] }), children: "Dialog with primary theme color" }),
-    /* @__PURE__ */ jsx12(DialogNormal, { themeColor: "dark", title: "Title", actions: ["x"], actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment7, { children: [
+    /* @__PURE__ */ jsx12(DialogNormal, { themeColor: "dark", title: "Title", actions: ["x"], actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment8, { children: [
       /* @__PURE__ */ jsx12(Button, { children: "Action" }),
       /* @__PURE__ */ jsx12(Button, { themeColor: "primary", children: "Primary" })
     ] }), children: "Dialog with dark theme color" }),
-    /* @__PURE__ */ jsx12(DialogNormal, { themeColor: "light", title: "Title", actions: ["x"], actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment7, { children: [
+    /* @__PURE__ */ jsx12(DialogNormal, { themeColor: "light", title: "Title", actions: ["x"], actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment8, { children: [
       /* @__PURE__ */ jsx12(Button, { children: "Action" }),
       /* @__PURE__ */ jsx12(Button, { themeColor: "primary", children: "Primary" })
     ] }), children: "Dialog with light theme color" })

package/dist/esm/dialog/tests/dialog.js

@@ -4506,46 +4506,48 @@ Dialog.defaultProps = defaultProps6;
 var dialog_spec_default = Dialog;
 
 // src/dialog/templates/dialog-normal.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-var DialogNormal = ({ children, ...other }) => /* @__PURE__ */ jsx10(
+import { Fragment as Fragment6, jsx as jsx10 } from "react/jsx-runtime";
+var DialogNormal = (props) => /* @__PURE__ */ jsx10(
   dialog_spec_default,
   {
-    ...other,
-    children
+    children: [
+      /* @__PURE__ */ jsx10(Fragment6, { children: "Dialog content" })
+    ],
+    ...props
   }
 );
 
 // src/dialog/templates/dialog-modal.tsx
-import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
 
 // src/dialog/tests/dialog.tsx
-import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
 var styles = `
     .k-dialog {
         position: relative;
     }
 `;
-var dialog_default = () => /* @__PURE__ */ jsxs4(Fragment7, { children: [
+var dialog_default = () => /* @__PURE__ */ jsxs4(Fragment8, { children: [
   /* @__PURE__ */ jsx12("style", { children: styles }),
   /* @__PURE__ */ jsxs4("div", { id: "test-area", className: "k-d-grid k-grid-cols-3", children: [
-    /* @__PURE__ */ jsx12(DialogNormal, { title: "Title\n                        g y p\n                        t d l", actions: ["x"], actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment7, { children: [
+    /* @__PURE__ */ jsx12(DialogNormal, { title: "Title\n                        g y p\n                        t d l", actions: ["x"], actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment8, { children: [
       /* @__PURE__ */ jsx12(Button, { children: "Action" }),
       /* @__PURE__ */ jsx12(Button, { themeColor: "primary", children: "Primary" })
     ] }), children: "Dialog content template" }),
-    /* @__PURE__ */ jsx12(DialogNormal, { title: "Cursive\n                        g y p\n                        t d l", actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment7, { children: [
+    /* @__PURE__ */ jsx12(DialogNormal, { title: "Cursive\n                        g y p\n                        t d l", actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment8, { children: [
       /* @__PURE__ */ jsx12(Button, { children: "Action" }),
       /* @__PURE__ */ jsx12(Button, { themeColor: "primary", children: "Primary" })
     ] }), children: "Dialog without titlebar actions" }),
-    /* @__PURE__ */ jsx12(DialogNormal, { title: "", actions: ["x"], actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment7, { children: [
+    /* @__PURE__ */ jsx12(DialogNormal, { title: "", actions: ["x"], actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment8, { children: [
       /* @__PURE__ */ jsx12(Button, { children: "Action" }),
       /* @__PURE__ */ jsx12(Button, { themeColor: "primary", children: "Primary" })
     ] }), children: "Dialog with empty title and actions" }),
     /* @__PURE__ */ jsx12(DialogNormal, { title: "", children: "Dialog with empty title and no actions" }),
-    /* @__PURE__ */ jsx12(DialogNormal, { actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment7, { children: [
+    /* @__PURE__ */ jsx12(DialogNormal, { actionButtonsAlign: "end", actionButtons: /* @__PURE__ */ jsxs4(Fragment8, { children: [
       /* @__PURE__ */ jsx12(Button, { children: "Action" }),
       /* @__PURE__ */ jsx12(Button, { themeColor: "primary", children: "Primary" })
     ] }), children: "Dialog without title" }),
-    /* @__PURE__ */ jsxs4(DialogNormal, { title: "Scrolling", actions: ["x"], actionButtonsAlign: "end", style: { height: "170px" }, actionButtons: /* @__PURE__ */ jsxs4(Fragment7, { children: [
+    /* @__PURE__ */ jsxs4(DialogNormal, { title: "Scrolling", actions: ["x"], actionButtonsAlign: "end", style: { height: "170px" }, actionButtons: /* @__PURE__ */ jsxs4(Fragment8, { children: [
       /* @__PURE__ */ jsx12(Button, { children: "Action" }),
       /* @__PURE__ */ jsx12(Button, { themeColor: "primary", children: "Primary" })
     ] }), children: [

package/dist/esm/dock-manager/tests/dock-manager-unpinned-pane.js

@@ -7633,20 +7633,32 @@ ToolbarPopup.options = options46;
 ToolbarPopup.className = TOOLBARPOPUP_CLASSNAME;
 ToolbarPopup.defaultProps = defaultProps43;
 
-// src/toolbar/templates/toolbar-normal.tsx
+// src/split-button/templates/icon-split-button.tsx
 import { jsx as jsx110 } from "react/jsx-runtime";
 
-// src/toolbar/templates/toolbar-resizable.tsx
+// src/split-button/templates/icon-text-split-button.tsx
 import { jsx as jsx111 } from "react/jsx-runtime";
 
-// src/toolbar/templates/toolbar-angular-normal.tsx
+// src/split-button/templates/text-split-button.tsx
 import { jsx as jsx112 } from "react/jsx-runtime";
 
+// src/split-button/templates/split-button-popup.tsx
+import { jsx as jsx113, jsxs as jsxs47 } from "react/jsx-runtime";
+
+// src/toolbar/templates/toolbar-normal.tsx
+import { Fragment as Fragment29, jsx as jsx114, jsxs as jsxs48 } from "react/jsx-runtime";
+
+// src/toolbar/templates/toolbar-resizable.tsx
+import { jsx as jsx115 } from "react/jsx-runtime";
+
+// src/toolbar/templates/toolbar-angular-normal.tsx
+import { jsx as jsx116 } from "react/jsx-runtime";
+
 // src/toolbar/templates/toolbar-angular-resizable.tsx
-import { jsx as jsx113 } from "react/jsx-runtime";
+import { jsx as jsx117 } from "react/jsx-runtime";
 
 // src/dock-manager/tests/dock-manager-unpinned-pane.tsx
-import { Fragment as Fragment29, jsx as jsx114, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx118, jsxs as jsxs49 } from "react/jsx-runtime";
 var styles = `
 
     #test-area {
@@ -7658,80 +7670,80 @@ var styles = `
     }
 
 `;
-var dock_manager_unpinned_pane_default = () => /* @__PURE__ */ jsxs47(Fragment29, { children: [
-  /* @__PURE__ */ jsx114("style", { children: styles }),
-  /* @__PURE__ */ jsx114("div", { id: "test-area", className: "k-d-grid", children: /* @__PURE__ */ jsxs47("div", { className: "k-dock-manager", children: [
-    /* @__PURE__ */ jsx114(Toolbar, { className: "k-dock-manager-toolbar k-toolbar-left", children: /* @__PURE__ */ jsx114(Button, { fillMode: "flat", size: "small", selected: true, children: "Tools" }) }),
-    /* @__PURE__ */ jsxs47("div", { className: "k-dock-manager-unpinned-container", style: { left: "43px" }, children: [
-      /* @__PURE__ */ jsx114("div", { className: "k-pane k-pane-flex k-pane-unpinned", children: /* @__PURE__ */ jsxs47("div", { className: "k-pane-scrollable", children: [
-        /* @__PURE__ */ jsxs47("div", { className: "k-pane-header", children: [
-          /* @__PURE__ */ jsx114("span", { className: "k-pane-title", children: "Tools" }),
-          /* @__PURE__ */ jsxs47("div", { className: "k-pane-actions", children: [
-            /* @__PURE__ */ jsx114(Button, { fillMode: "flat", icon: "unpin" }),
-            /* @__PURE__ */ jsx114(Button, { fillMode: "flat", icon: "more-vertical" })
+var dock_manager_unpinned_pane_default = () => /* @__PURE__ */ jsxs49(Fragment30, { children: [
+  /* @__PURE__ */ jsx118("style", { children: styles }),
+  /* @__PURE__ */ jsx118("div", { id: "test-area", className: "k-d-grid", children: /* @__PURE__ */ jsxs49("div", { className: "k-dock-manager", children: [
+    /* @__PURE__ */ jsx118(Toolbar, { className: "k-dock-manager-toolbar k-toolbar-left", children: /* @__PURE__ */ jsx118(Button, { fillMode: "flat", size: "small", selected: true, children: "Tools" }) }),
+    /* @__PURE__ */ jsxs49("div", { className: "k-dock-manager-unpinned-container", style: { left: "43px" }, children: [
+      /* @__PURE__ */ jsx118("div", { className: "k-pane k-pane-flex k-pane-unpinned", children: /* @__PURE__ */ jsxs49("div", { className: "k-pane-scrollable", children: [
+        /* @__PURE__ */ jsxs49("div", { className: "k-pane-header", children: [
+          /* @__PURE__ */ jsx118("span", { className: "k-pane-title", children: "Tools" }),
+          /* @__PURE__ */ jsxs49("div", { className: "k-pane-actions", children: [
+            /* @__PURE__ */ jsx118(Button, { fillMode: "flat", icon: "unpin" }),
+            /* @__PURE__ */ jsx118(Button, { fillMode: "flat", icon: "more-vertical" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx114("div", { className: "k-pane-content", children: "Some tools." })
+        /* @__PURE__ */ jsx118("div", { className: "k-pane-content", children: "Some tools." })
       ] }) }),
-      /* @__PURE__ */ jsx114("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal", children: /* @__PURE__ */ jsx114("div", { className: "k-resize-handle" }) })
+      /* @__PURE__ */ jsx118("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal", children: /* @__PURE__ */ jsx118("div", { className: "k-resize-handle" }) })
     ] }),
-    /* @__PURE__ */ jsx114("div", { className: "k-dock-manager-pane-container", children: /* @__PURE__ */ jsxs47("div", { className: "k-splitter k-splitter-flex k-splitter-vertical k-dock-manager-splitter", children: [
-      /* @__PURE__ */ jsx114("div", { className: "k-pane k-pane-static", style: { flexBasis: "70%" }, children: /* @__PURE__ */ jsxs47("div", { className: "k-splitter k-splitter-flex k-splitter-horizontal k-dock-manager-splitter", children: [
-        /* @__PURE__ */ jsx114("div", { className: "k-pane k-pane-static k-pane-tabbed", style: { flexBasis: "40%" }, children: /* @__PURE__ */ jsxs47("div", { className: "k-tabstrip k-header k-tabstrip-top", style: { height: "100%" }, children: [
-          /* @__PURE__ */ jsx114("div", { className: "k-tabstrip-items-wrapper k-hstack", children: /* @__PURE__ */ jsxs47("ul", { className: "k-reset k-tabstrip-items", children: [
-            /* @__PURE__ */ jsxs47("li", { className: "k-item k-first k-active", children: [
-              /* @__PURE__ */ jsx114("span", { className: "k-link", children: "File 1" }),
-              /* @__PURE__ */ jsx114(Button, { fillMode: "flat", icon: "pin" }),
-              /* @__PURE__ */ jsx114(Button, { fillMode: "flat", icon: "more-vertical" })
+    /* @__PURE__ */ jsx118("div", { className: "k-dock-manager-pane-container", children: /* @__PURE__ */ jsxs49("div", { className: "k-splitter k-splitter-flex k-splitter-vertical k-dock-manager-splitter", children: [
+      /* @__PURE__ */ jsx118("div", { className: "k-pane k-pane-static", style: { flexBasis: "70%" }, children: /* @__PURE__ */ jsxs49("div", { className: "k-splitter k-splitter-flex k-splitter-horizontal k-dock-manager-splitter", children: [
+        /* @__PURE__ */ jsx118("div", { className: "k-pane k-pane-static k-pane-tabbed", style: { flexBasis: "40%" }, children: /* @__PURE__ */ jsxs49("div", { className: "k-tabstrip k-header k-tabstrip-top", style: { height: "100%" }, children: [
+          /* @__PURE__ */ jsx118("div", { className: "k-tabstrip-items-wrapper k-hstack", children: /* @__PURE__ */ jsxs49("ul", { className: "k-reset k-tabstrip-items", children: [
+            /* @__PURE__ */ jsxs49("li", { className: "k-item k-first k-active", children: [
+              /* @__PURE__ */ jsx118("span", { className: "k-link", children: "File 1" }),
+              /* @__PURE__ */ jsx118(Button, { fillMode: "flat", icon: "pin" }),
+              /* @__PURE__ */ jsx118(Button, { fillMode: "flat", icon: "more-vertical" })
             ] }),
-            /* @__PURE__ */ jsxs47("li", { className: "k-item", children: [
-              /* @__PURE__ */ jsx114("span", { className: "k-link", children: "File 2" }),
-              /* @__PURE__ */ jsx114(Button, { fillMode: "flat", themeColor: "primary", icon: "pin" }),
-              /* @__PURE__ */ jsx114(Button, { fillMode: "flat", themeColor: "primary", icon: "more-vertical" })
+            /* @__PURE__ */ jsxs49("li", { className: "k-item", children: [
+              /* @__PURE__ */ jsx118("span", { className: "k-link", children: "File 2" }),
+              /* @__PURE__ */ jsx118(Button, { fillMode: "flat", themeColor: "primary", icon: "pin" }),
+              /* @__PURE__ */ jsx118(Button, { fillMode: "flat", themeColor: "primary", icon: "more-vertical" })
             ] })
           ] }) }),
-          /* @__PURE__ */ jsx114("div", { className: "k-tabstrip-content k-active", children: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi suscipit porro optio veritatis obcaecati nostrum molestias dolor maxime! Molestias ducimus placeat quia possimus esse atque odio, a recusandae iste exercitationem. Sapiente fugit assumenda at explicabo quos consequuntur dicta cumque ex aspernatur, nesciunt itaque doloremque exercitationem eaque iusto. Iste non officia consequatur quis veritatis magni, quo autem dolores numquam dignissimos nemo." })
+          /* @__PURE__ */ jsx118("div", { className: "k-tabstrip-content k-active", children: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi suscipit porro optio veritatis obcaecati nostrum molestias dolor maxime! Molestias ducimus placeat quia possimus esse atque odio, a recusandae iste exercitationem. Sapiente fugit assumenda at explicabo quos consequuntur dicta cumque ex aspernatur, nesciunt itaque doloremque exercitationem eaque iusto. Iste non officia consequatur quis veritatis magni, quo autem dolores numquam dignissimos nemo." })
         ] }) }),
-        /* @__PURE__ */ jsx114("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal", children: /* @__PURE__ */ jsx114("div", { className: "k-resize-handle" }) }),
-        /* @__PURE__ */ jsx114("div", { className: "k-pane", children: /* @__PURE__ */ jsxs47("div", { className: "k-splitter k-splitter-flex k-splitter-vertical k-dock-manager-splitter", children: [
-          /* @__PURE__ */ jsx114("div", { className: "k-pane k-pane-static k-pane-tabbed", style: { flexBasis: "50%" }, children: /* @__PURE__ */ jsxs47("div", { className: "k-tabstrip k-header k-tabstrip-top", style: { height: "100%" }, children: [
-            /* @__PURE__ */ jsx114("div", { className: "k-tabstrip-items-wrapper k-hstack", children: /* @__PURE__ */ jsxs47("ul", { className: "k-reset k-tabstrip-items", children: [
-              /* @__PURE__ */ jsxs47("li", { className: "k-item k-first k-active", children: [
-                /* @__PURE__ */ jsx114("span", { className: "k-link", children: "File 5" }),
-                /* @__PURE__ */ jsx114(Button, { fillMode: "flat", icon: "pin" }),
-                /* @__PURE__ */ jsx114(Button, { fillMode: "flat", icon: "more-vertical" })
+        /* @__PURE__ */ jsx118("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal", children: /* @__PURE__ */ jsx118("div", { className: "k-resize-handle" }) }),
+        /* @__PURE__ */ jsx118("div", { className: "k-pane", children: /* @__PURE__ */ jsxs49("div", { className: "k-splitter k-splitter-flex k-splitter-vertical k-dock-manager-splitter", children: [
+          /* @__PURE__ */ jsx118("div", { className: "k-pane k-pane-static k-pane-tabbed", style: { flexBasis: "50%" }, children: /* @__PURE__ */ jsxs49("div", { className: "k-tabstrip k-header k-tabstrip-top", style: { height: "100%" }, children: [
+            /* @__PURE__ */ jsx118("div", { className: "k-tabstrip-items-wrapper k-hstack", children: /* @__PURE__ */ jsxs49("ul", { className: "k-reset k-tabstrip-items", children: [
+              /* @__PURE__ */ jsxs49("li", { className: "k-item k-first k-active", children: [
+                /* @__PURE__ */ jsx118("span", { className: "k-link", children: "File 5" }),
+                /* @__PURE__ */ jsx118(Button, { fillMode: "flat", icon: "pin" }),
+                /* @__PURE__ */ jsx118(Button, { fillMode: "flat", icon: "more-vertical" })
               ] }),
-              /* @__PURE__ */ jsxs47("li", { className: "k-item", children: [
-                /* @__PURE__ */ jsx114("span", { className: "k-link", children: "File 6" }),
-                /* @__PURE__ */ jsx114(Button, { fillMode: "flat", themeColor: "primary", icon: "pin" }),
-                /* @__PURE__ */ jsx114(Button, { fillMode: "flat", themeColor: "primary", icon: "more-vertical" })
+              /* @__PURE__ */ jsxs49("li", { className: "k-item", children: [
+                /* @__PURE__ */ jsx118("span", { className: "k-link", children: "File 6" }),
+                /* @__PURE__ */ jsx118(Button, { fillMode: "flat", themeColor: "primary", icon: "pin" }),
+                /* @__PURE__ */ jsx118(Button, { fillMode: "flat", themeColor: "primary", icon: "more-vertical" })
               ] })
             ] }) }),
-            /* @__PURE__ */ jsx114("div", { className: "k-tabstrip-content k-active", children: "Properties content." })
+            /* @__PURE__ */ jsx118("div", { className: "k-tabstrip-content k-active", children: "Properties content." })
           ] }) }),
-          /* @__PURE__ */ jsx114("div", { className: "k-splitbar k-splitbar-vertical k-splitbar-draggable-vertical", children: /* @__PURE__ */ jsx114("div", { className: "k-resize-handle" }) }),
-          /* @__PURE__ */ jsx114("div", { className: "k-pane k-pane-pinned", children: /* @__PURE__ */ jsxs47("div", { className: "k-pane-scrollable", children: [
-            /* @__PURE__ */ jsxs47("div", { className: "k-pane-header", children: [
-              /* @__PURE__ */ jsx114("span", { className: "k-pane-title", children: "Layers" }),
-              /* @__PURE__ */ jsxs47("div", { className: "k-pane-actions", children: [
-                /* @__PURE__ */ jsx114(Button, { fillMode: "flat", icon: "pin" }),
-                /* @__PURE__ */ jsx114(Button, { fillMode: "flat", icon: "more-vertical" })
+          /* @__PURE__ */ jsx118("div", { className: "k-splitbar k-splitbar-vertical k-splitbar-draggable-vertical", children: /* @__PURE__ */ jsx118("div", { className: "k-resize-handle" }) }),
+          /* @__PURE__ */ jsx118("div", { className: "k-pane k-pane-pinned", children: /* @__PURE__ */ jsxs49("div", { className: "k-pane-scrollable", children: [
+            /* @__PURE__ */ jsxs49("div", { className: "k-pane-header", children: [
+              /* @__PURE__ */ jsx118("span", { className: "k-pane-title", children: "Layers" }),
+              /* @__PURE__ */ jsxs49("div", { className: "k-pane-actions", children: [
+                /* @__PURE__ */ jsx118(Button, { fillMode: "flat", icon: "pin" }),
+                /* @__PURE__ */ jsx118(Button, { fillMode: "flat", icon: "more-vertical" })
               ] })
             ] }),
-            /* @__PURE__ */ jsx114("div", { className: "k-pane-content", children: "Layers content." })
+            /* @__PURE__ */ jsx118("div", { className: "k-pane-content", children: "Layers content." })
           ] }) })
         ] }) })
       ] }) }),
-      /* @__PURE__ */ jsx114("div", { className: "k-splitbar k-splitbar-vertical k-splitbar-draggable-vertical", children: /* @__PURE__ */ jsx114("div", { className: "k-resize-handle" }) }),
-      /* @__PURE__ */ jsx114("div", { className: "k-pane k-pane-pinned", children: /* @__PURE__ */ jsxs47("div", { className: "k-pane-scrollable", children: [
-        /* @__PURE__ */ jsxs47("div", { className: "k-pane-header", children: [
-          /* @__PURE__ */ jsx114("span", { className: "k-pane-title", children: "Console" }),
-          /* @__PURE__ */ jsxs47("div", { className: "k-pane-actions", children: [
-            /* @__PURE__ */ jsx114(Button, { fillMode: "flat", icon: "pin" }),
-            /* @__PURE__ */ jsx114(Button, { fillMode: "flat", icon: "more-vertical" })
+      /* @__PURE__ */ jsx118("div", { className: "k-splitbar k-splitbar-vertical k-splitbar-draggable-vertical", children: /* @__PURE__ */ jsx118("div", { className: "k-resize-handle" }) }),
+      /* @__PURE__ */ jsx118("div", { className: "k-pane k-pane-pinned", children: /* @__PURE__ */ jsxs49("div", { className: "k-pane-scrollable", children: [
+        /* @__PURE__ */ jsxs49("div", { className: "k-pane-header", children: [
+          /* @__PURE__ */ jsx118("span", { className: "k-pane-title", children: "Console" }),
+          /* @__PURE__ */ jsxs49("div", { className: "k-pane-actions", children: [
+            /* @__PURE__ */ jsx118(Button, { fillMode: "flat", icon: "pin" }),
+            /* @__PURE__ */ jsx118(Button, { fillMode: "flat", icon: "more-vertical" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx114("div", { className: "k-pane-content", children: "Console content." })
+        /* @__PURE__ */ jsx118("div", { className: "k-pane-content", children: "Console content." })
       ] }) })
     ] }) })
   ] }) })