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

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

@@ -13727,10 +13727,10 @@ ContextMenu.className = CONTEXTMENU_CLASSNAME;
 ContextMenu.defaultProps = defaultProps187;
 
 // src/context-menu/templates/context-menu-normal.tsx
-import { Fragment as Fragment199, jsx as jsx558, jsxs as jsxs273 } from "react/jsx-runtime";
+import { jsx as jsx558 } from "react/jsx-runtime";
 
 // src/chat/chat.spec.tsx
-import { Fragment as Fragment200, jsx as jsx559, jsxs as jsxs274 } from "react/jsx-runtime";
+import { Fragment as Fragment199, jsx as jsx559, jsxs as jsxs273 } from "react/jsx-runtime";
 var CHAT_CLASSNAME = "k-chat";
 var states196 = [];
 var options188 = {};
@@ -13747,7 +13747,7 @@ var Chat = (props) => {
     showMoreButton,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs274(
+  return /* @__PURE__ */ jsxs273(
     "div",
     {
       ...other,
@@ -13763,15 +13763,15 @@ var Chat = (props) => {
           {
             className: "k-message-box",
             placeholder: "Type a message...",
-            suffix: /* @__PURE__ */ jsxs274(Fragment200, { children: [
+            suffix: /* @__PURE__ */ jsxs273(Fragment199, { children: [
               showMoreButton && /* @__PURE__ */ jsx559(Button, { fillMode: "flat", icon: "more-horizontal" }),
               /* @__PURE__ */ jsx559(Button, { fillMode: "flat", icon: "paper-plane", className: "k-chat-send" })
             ] })
           }
         ),
-        showToolbar && /* @__PURE__ */ jsxs274("div", { className: "k-chat-toolbar k-toolbar", children: [
+        showToolbar && /* @__PURE__ */ jsxs273("div", { className: "k-chat-toolbar k-toolbar", children: [
           /* @__PURE__ */ jsx559(Button, { className: classNames("k-scroll-button", "k-scroll-button-left", dir === "rtl" ? "" : "k-hidden"), icon: "chevron-left" }),
-          /* @__PURE__ */ jsxs274("div", { className: "k-toolbar-group k-button-list", children: [
+          /* @__PURE__ */ jsxs273("div", { className: "k-toolbar-group k-button-list", children: [
             /* @__PURE__ */ jsx559(Button, { icon: "arrow-rotate-cw" }),
             /* @__PURE__ */ jsx559(Button, { icon: "gear" }),
             /* @__PURE__ */ jsx559(Button, { icon: "wrench" }),
@@ -13794,7 +13794,7 @@ Chat.className = CHAT_CLASSNAME;
 Chat.defaultOptions = defaultOptions;
 
 // src/chat/chat-message.tsx
-import { jsx as jsx560, jsxs as jsxs275 } from "react/jsx-runtime";
+import { jsx as jsx560, jsxs as jsxs274 } from "react/jsx-runtime";
 var CHATMESSAGE_CLASSNAME = "k-message";
 var states197 = [
   States.selected
@@ -13813,7 +13813,7 @@ var ChatMessage = (props) => {
     selected,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs275(
+  return /* @__PURE__ */ jsxs274(
     "div",
     {
       ...other,
@@ -13836,7 +13836,7 @@ ChatMessage.className = CHATMESSAGE_CLASSNAME;
 ChatMessage.defaultProps = defaultProps188;
 
 // src/chat/chat-message-group.tsx
-import { jsx as jsx561, jsxs as jsxs276 } from "react/jsx-runtime";
+import { jsx as jsx561, jsxs as jsxs275 } from "react/jsx-runtime";
 var CHATMESSAGEGROUP_CLASSNAME = "k-message-group";
 var states198 = [
   States.selected
@@ -13855,7 +13855,7 @@ var ChatMessageGroup = (props) => {
     selected,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs276(
+  return /* @__PURE__ */ jsxs275(
     "div",
     {
       ...other,
@@ -13920,22 +13920,22 @@ ChatQuickReply.className = CHATQUICKREPLY_CLASSNAME;
 ChatQuickReply.defaultOptions = defaultOptions2;
 
 // src/chat/templates/chat-normal.tsx
-import { Fragment as Fragment201, jsx as jsx563, jsxs as jsxs277 } from "react/jsx-runtime";
+import { Fragment as Fragment200, jsx as jsx563, jsxs as jsxs276 } from "react/jsx-runtime";
 
 // src/chat/templates/chat-with-toolbar.tsx
-import { Fragment as Fragment202, jsx as jsx564, jsxs as jsxs278 } from "react/jsx-runtime";
+import { Fragment as Fragment201, jsx as jsx564, jsxs as jsxs277 } from "react/jsx-runtime";
 
 // src/chat/templates/chat-with-options.tsx
-import { Fragment as Fragment203, jsx as jsx565, jsxs as jsxs279 } from "react/jsx-runtime";
+import { Fragment as Fragment202, jsx as jsx565, jsxs as jsxs278 } from "react/jsx-runtime";
 
 // src/mediaplayer/mediaplayer-toolbar.tsx
-import { jsx as jsx566, jsxs as jsxs280 } from "react/jsx-runtime";
+import { jsx as jsx566, jsxs as jsxs279 } from "react/jsx-runtime";
 var MEDIAPLAYERTOOLBAR_CLASSNAME = `k-mediaplayer-toolbar`;
 var states200 = [];
 var options192 = {};
 var defaultToolbarItems2 = [
   /* @__PURE__ */ jsx566(Button, { fillMode: "flat", icon: "play", className: "k-play-button" }),
-  /* @__PURE__ */ jsxs280(ToolbarItem, { className: "k-mediaplayer-currenttime-wrap", children: [
+  /* @__PURE__ */ jsxs279(ToolbarItem, { className: "k-mediaplayer-currenttime-wrap", children: [
     /* @__PURE__ */ jsx566("span", { className: "k-mediaplayer-currenttime", children: "00:18" }),
     " / ",
     /* @__PURE__ */ jsx566("span", { className: "k-mediaplayer-duration", children: "00:55" })
@@ -13971,7 +13971,7 @@ MediaPlayerToolbar.className = MEDIAPLAYERTOOLBAR_CLASSNAME;
 MediaPlayerToolbar.defaultProps = defaultProps190;
 
 // src/mediaplayer/mediaplayer.spec.tsx
-import { jsx as jsx567, jsxs as jsxs281 } from "react/jsx-runtime";
+import { jsx as jsx567, jsxs as jsxs280 } from "react/jsx-runtime";
 var MEDIAPLAYER_CLASSNAME = `k-mediaplayer`;
 var states201 = [];
 var options193 = {};
@@ -13985,7 +13985,7 @@ var MediaPlayer = (props) => {
     children,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs281(
+  return /* @__PURE__ */ jsxs280(
     "div",
     {
       ...other,
@@ -13996,7 +13996,7 @@ var MediaPlayer = (props) => {
       children: [
         children,
         /* @__PURE__ */ jsx567("div", { className: "k-mediaplayer-titlebar", children: title }),
-        /* @__PURE__ */ jsxs281("div", { className: "k-mediaplayer-toolbar-wrap", children: [
+        /* @__PURE__ */ jsxs280("div", { className: "k-mediaplayer-toolbar-wrap", children: [
           /* @__PURE__ */ jsx567(SliderNormal, { className: "k-mediaplayer-seekbar", showButtons: false, showTicks: false }),
           /* @__PURE__ */ jsx567(MediaPlayerToolbar, { toolbarItems })
         ] }),
@@ -14014,7 +14014,7 @@ MediaPlayer.defaultProps = defaultProps191;
 import { jsx as jsx568 } from "react/jsx-runtime";
 
 // src/timeline/timeline.spec.tsx
-import { Fragment as Fragment204, jsx as jsx569 } from "react/jsx-runtime";
+import { Fragment as Fragment203, jsx as jsx569 } from "react/jsx-runtime";
 var TIMELINE_CLASSNAME = `k-timeline`;
 var states202 = [];
 var options194 = {};
@@ -14041,7 +14041,7 @@ var Timeline = (props) => {
           [`${TIMELINE_CLASSNAME}-collapsible`]: collapsibleEvents
         }
       ),
-      children: /* @__PURE__ */ jsx569(Fragment204, { children: props.children })
+      children: /* @__PURE__ */ jsx569(Fragment203, { children: props.children })
     }
   );
 };
@@ -14051,7 +14051,7 @@ Timeline.className = TIMELINE_CLASSNAME;
 Timeline.defaultProps = defaultProps192;
 
 // src/timeline/vertical-timeline-event.spec.tsx
-import { jsx as jsx570, jsxs as jsxs282 } from "react/jsx-runtime";
+import { jsx as jsx570, jsxs as jsxs281 } from "react/jsx-runtime";
 var TIMELINEVERTICALEVENT_CLASSNAME = `k-timeline-event`;
 var states203 = [];
 var options195 = {};
@@ -14073,7 +14073,7 @@ var VerticalTimelineEvent = (props) => {
     showCollapseButton,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs282(
+  return /* @__PURE__ */ jsxs281(
     "li",
     {
       ...other,
@@ -14085,8 +14085,8 @@ var VerticalTimelineEvent = (props) => {
       children: [
         date && /* @__PURE__ */ jsx570("div", { className: "k-timeline-date-wrap", children: /* @__PURE__ */ jsx570("span", { className: "k-timeline-date", children: date }) }),
         /* @__PURE__ */ jsx570(TimelineCircle, {}),
-        content && /* @__PURE__ */ jsx570("div", { className: classNames("k-timeline-card", { "k-collapsed": collapsed }), children: /* @__PURE__ */ jsx570(TimelineCard, { ...reverse ? { callout: "right" } : { callout: "left" }, children: /* @__PURE__ */ jsxs282("div", { className: "k-card-inner", children: [
-          /* @__PURE__ */ jsxs282(CardHeader, { children: [
+        content && /* @__PURE__ */ jsx570("div", { className: classNames("k-timeline-card", { "k-collapsed": collapsed }), children: /* @__PURE__ */ jsx570(TimelineCard, { ...reverse ? { callout: "right" } : { callout: "left" }, children: /* @__PURE__ */ jsxs281("div", { className: "k-card-inner", children: [
+          /* @__PURE__ */ jsxs281(CardHeader, { children: [
             /* @__PURE__ */ jsx570(TimelineCardTitle, { collapsible: showCollapseButton, children: title }),
             /* @__PURE__ */ jsx570(CardSubtitle, { children: subtitle })
           ] }),
@@ -14103,7 +14103,7 @@ VerticalTimelineEvent.className = TIMELINEVERTICALEVENT_CLASSNAME;
 VerticalTimelineEvent.defaultProps = defaultProps193;
 
 // src/timeline/horizontal-timeline-event.spec.tsx
-import { jsx as jsx571, jsxs as jsxs283 } from "react/jsx-runtime";
+import { jsx as jsx571, jsxs as jsxs282 } from "react/jsx-runtime";
 var TIMELINEHORIZONTALEVENT_CLASSNAME = `k-timeline-event`;
 var states204 = [];
 var options196 = {};
@@ -14119,7 +14119,7 @@ var HorizontalTimelineEvent = (props) => {
     subtitle = defaultProps194.subtitle,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs283(
+  return /* @__PURE__ */ jsxs282(
     "li",
     {
       ...other,
@@ -14128,8 +14128,8 @@ var HorizontalTimelineEvent = (props) => {
         TIMELINEHORIZONTALEVENT_CLASSNAME
       ),
       children: [
-        content && /* @__PURE__ */ jsx571("div", { className: classNames("k-timeline-card"), children: /* @__PURE__ */ jsx571(TimelineCard, { orientation: "vertical", callout: "top", children: /* @__PURE__ */ jsxs283("div", { className: "k-card-inner", children: [
-          /* @__PURE__ */ jsxs283(CardHeader, { children: [
+        content && /* @__PURE__ */ jsx571("div", { className: classNames("k-timeline-card"), children: /* @__PURE__ */ jsx571(TimelineCard, { orientation: "vertical", callout: "top", children: /* @__PURE__ */ jsxs282("div", { className: "k-card-inner", children: [
+          /* @__PURE__ */ jsxs282(CardHeader, { children: [
             /* @__PURE__ */ jsx571(TimelineCardTitle, { children: title }),
             /* @__PURE__ */ jsx571(CardSubtitle, { children: subtitle })
           ] }),
@@ -14149,7 +14149,7 @@ HorizontalTimelineEvent.defaultProps = defaultProps194;
 import { jsx as jsx572 } from "react/jsx-runtime";
 
 // src/timeline/timeline-flag-wrap.spec.tsx
-import { jsx as jsx573, jsxs as jsxs284 } from "react/jsx-runtime";
+import { jsx as jsx573, jsxs as jsxs283 } from "react/jsx-runtime";
 var TIMELINEFLAGWRAP_CLASSNAME = `k-timeline-flag-wrap`;
 var states205 = [
   States.focus,
@@ -14164,7 +14164,7 @@ var TimelineFlagWrap = (props) => {
     year,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs284(
+  return /* @__PURE__ */ jsxs283(
     "li",
     {
       ...other,
@@ -14207,7 +14207,7 @@ var TimelineCircle = (props) => {
 import { jsx as jsx575 } from "react/jsx-runtime";
 
 // src/timeline/timeline-card.spec.tsx
-import { jsx as jsx576, jsxs as jsxs285 } from "react/jsx-runtime";
+import { jsx as jsx576, jsxs as jsxs284 } from "react/jsx-runtime";
 var states206 = [];
 var defaultProps196 = {};
 var TimelineCard = (props) => {
@@ -14216,7 +14216,7 @@ var TimelineCard = (props) => {
     children,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs285(
+  return /* @__PURE__ */ jsxs284(
     Card,
     {
       className: classNames(
@@ -14236,7 +14236,7 @@ TimelineCard.states = states206;
 TimelineCard.defaultProps = defaultProps196;
 
 // src/timeline/timeline-card-title.tsx
-import { jsx as jsx577, jsxs as jsxs286 } from "react/jsx-runtime";
+import { jsx as jsx577, jsxs as jsxs285 } from "react/jsx-runtime";
 var TIMELINECARDTITLE_CLASSNAME = `k-card-title`;
 var states207 = [];
 var defaultProps197 = {};
@@ -14246,7 +14246,7 @@ var TimelineCardTitle = (props) => {
     children,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs286(
+  return /* @__PURE__ */ jsxs285(
     "div",
     {
       className: classNames(
@@ -14320,45 +14320,45 @@ TimelineDateWrap.className = TIMELINEDATEWRAP_CLASSNAME;
 TimelineDateWrap.defaultProps = defaultProps199;
 
 // src/timeline/timeline-track-wrap.spec.tsx
-import { jsx as jsx580, jsxs as jsxs287 } from "react/jsx-runtime";
+import { jsx as jsx580, jsxs as jsxs286 } from "react/jsx-runtime";
 
 // src/timeline/timeline-track.spec.tsx
 import { jsx as jsx581 } from "react/jsx-runtime";
 
 // src/timeline/timeline-track-item.spec.tsx
-import { jsxs as jsxs288 } from "react/jsx-runtime";
+import { jsxs as jsxs287 } from "react/jsx-runtime";
 var states210 = [
   States.focus
 ];
 
 // src/timeline/templates/timeline-normal.tsx
-import { jsx as jsx582, jsxs as jsxs289 } from "react/jsx-runtime";
+import { jsx as jsx582, jsxs as jsxs288 } from "react/jsx-runtime";
 
 // src/timeline/templates/timeline-normal-collapsible.tsx
-import { jsx as jsx583, jsxs as jsxs290 } from "react/jsx-runtime";
+import { jsx as jsx583, jsxs as jsxs289 } from "react/jsx-runtime";
 
 // src/timeline/templates/timeline-normal-alternating.tsx
-import { jsx as jsx584, jsxs as jsxs291 } from "react/jsx-runtime";
+import { jsx as jsx584, jsxs as jsxs290 } from "react/jsx-runtime";
 
 // src/timeline/templates/timeline-horizontal.tsx
-import { Fragment as Fragment205, jsx as jsx585, jsxs as jsxs292 } from "react/jsx-runtime";
+import { Fragment as Fragment204, jsx as jsx585, jsxs as jsxs291 } from "react/jsx-runtime";
 
 // src/pdf-viewer/pdf-viewer.spec.tsx
-import { jsx as jsx586, jsxs as jsxs293 } from "react/jsx-runtime";
+import { jsx as jsx586, jsxs as jsxs292 } from "react/jsx-runtime";
 var PDFVIEWER_CLASSNAME = `k-pdf-viewer`;
 var states211 = [
   States.disabled
 ];
 var options199 = {};
-var defaultToolbar3 = /* @__PURE__ */ jsxs293(Toolbar, { resizable: true, children: [
+var defaultToolbar3 = /* @__PURE__ */ jsxs292(Toolbar, { resizable: true, children: [
   /* @__PURE__ */ jsx586(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
   /* @__PURE__ */ jsx586("span", { className: "k-spacer" }),
-  /* @__PURE__ */ jsxs293(ButtonGroup, { children: [
+  /* @__PURE__ */ jsxs292(ButtonGroup, { children: [
     /* @__PURE__ */ jsx586(Button, { fillMode: "flat", className: "k-group-start", icon: "zoom-out" }),
     /* @__PURE__ */ jsx586(Button, { fillMode: "flat", className: "k-group-end", icon: "zoom-in" })
   ] }),
   /* @__PURE__ */ jsx586(Combobox, { value: "Automatic Width" }),
-  /* @__PURE__ */ jsxs293(ButtonGroup, { children: [
+  /* @__PURE__ */ jsxs292(ButtonGroup, { children: [
     /* @__PURE__ */ jsx586(Button, { fillMode: "flat", className: "k-group-start", icon: "pointer" }),
     /* @__PURE__ */ jsx586(Button, { fillMode: "flat", className: "k-group-end", icon: "hand" })
   ] }),
@@ -14381,7 +14381,7 @@ var PDFViewer = (props) => {
     blank,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs293(
+  return /* @__PURE__ */ jsxs292(
     "div",
     {
       ...other,
@@ -14392,8 +14392,8 @@ var PDFViewer = (props) => {
       ),
       children: [
         toolbar,
-        /* @__PURE__ */ jsxs293("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto k-enable-text-select", children: [
-          showSearchPanel && /* @__PURE__ */ jsxs293("div", { className: "k-search-panel k-pos-sticky k-top-center", children: [
+        /* @__PURE__ */ jsxs292("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto k-enable-text-select", children: [
+          showSearchPanel && /* @__PURE__ */ jsxs292("div", { className: "k-search-panel k-pos-sticky k-top-center", children: [
             /* @__PURE__ */ jsx586(Button, { fillMode: "flat", icon: "handle-drag", className: "k-search-dialog-draghandle" }),
             /* @__PURE__ */ jsx586(
               Textbox,
@@ -14401,7 +14401,7 @@ var PDFViewer = (props) => {
                 suffix: /* @__PURE__ */ jsx586(Button, { fillMode: "flat", className: "k-match-case-button", icon: "convert-lowercase" })
               }
             ),
-            /* @__PURE__ */ jsxs293("span", { className: "k-search-matches", children: [
+            /* @__PURE__ */ jsxs292("span", { className: "k-search-matches", children: [
               /* @__PURE__ */ jsx586("span", { children: "0" }),
               " of ",
               /* @__PURE__ */ jsx586("span", { children: "0" })
@@ -14410,7 +14410,7 @@ var PDFViewer = (props) => {
             /* @__PURE__ */ jsx586(Button, { fillMode: "flat", icon: "arrow-down" }),
             /* @__PURE__ */ jsx586(Button, { fillMode: "flat", icon: "x" })
           ] }),
-          /* @__PURE__ */ jsx586("div", { className: "k-pdf-viewer-pages", children: blank ? /* @__PURE__ */ jsxs293("div", { className: "k-page k-blank-page", children: [
+          /* @__PURE__ */ jsx586("div", { className: "k-pdf-viewer-pages", children: blank ? /* @__PURE__ */ jsxs292("div", { className: "k-page k-blank-page", children: [
             /* @__PURE__ */ jsx586(DropzoneNormal, {}),
             /* @__PURE__ */ jsx586(UploadNormal, { empty: true, status: "upload" })
           ] }) : props.children })
@@ -14453,16 +14453,16 @@ PDFViewerPage.className = PDFVIEWERPAGE_CLASSNAME;
 PDFViewerPage.defaultProps = defaultProps201;
 
 // src/pdf-viewer/templates/pdf-viewer-normal.tsx
-import { Fragment as Fragment206, jsx as jsx588, jsxs as jsxs294 } from "react/jsx-runtime";
+import { Fragment as Fragment205, jsx as jsx588, jsxs as jsxs293 } from "react/jsx-runtime";
 
 // src/pdf-viewer/templates/pdf-viewer-blank.tsx
-import { jsx as jsx589, jsxs as jsxs295 } from "react/jsx-runtime";
+import { jsx as jsx589, jsxs as jsxs294 } from "react/jsx-runtime";
 
 // src/pdf-viewer/templates/pdf-viewer-with-search-panel.tsx
-import { Fragment as Fragment207, jsx as jsx590, jsxs as jsxs296 } from "react/jsx-runtime";
+import { Fragment as Fragment206, jsx as jsx590, jsxs as jsxs295 } from "react/jsx-runtime";
 
 // src/scrollview/scrollview-spec.tsx
-import { Fragment as Fragment208, jsx as jsx591, jsxs as jsxs297 } from "react/jsx-runtime";
+import { Fragment as Fragment207, jsx as jsx591, jsxs as jsxs296 } from "react/jsx-runtime";
 var SCROLLVIEW_CLASSNAME = "k-scrollview";
 var states212 = [];
 var options200 = {};
@@ -14494,7 +14494,7 @@ var ScrollView = (props) => {
       /* @__PURE__ */ jsx591("div", { className: "k-scrollview-view" }, i)
     );
   }
-  return /* @__PURE__ */ jsxs297(
+  return /* @__PURE__ */ jsxs296(
     "div",
     {
       ...other,
@@ -14513,20 +14513,20 @@ var ScrollView = (props) => {
             ["k-scrollview-animate"]: animate
           }
         ), style: { "--kendo-scrollview-views": views, "--kendo-scrollview-current": currentView }, children: scrollviewViews }),
-        /* @__PURE__ */ jsxs297("div", { className: "k-scrollview-elements", children: [
-          arrows && /* @__PURE__ */ jsxs297(Fragment208, { children: [
+        /* @__PURE__ */ jsxs296("div", { className: "k-scrollview-elements", children: [
+          arrows && /* @__PURE__ */ jsxs296(Fragment207, { children: [
             /* @__PURE__ */ jsx591("span", { className: "k-scrollview-prev", children: /* @__PURE__ */ jsx591(Icon, { icon: iconPrev, size: "xxxlarge" }) }),
             /* @__PURE__ */ jsx591("span", { className: "k-scrollview-next", children: /* @__PURE__ */ jsx591(Icon, { icon: iconNext, size: "xxxlarge" }) })
           ] }),
-          pager && /* @__PURE__ */ jsx591("div", { className: "k-scrollview-nav-wrap", children: /* @__PURE__ */ jsxs297("div", { className: "k-scrollview-nav", children: [
-            mode === "light" && /* @__PURE__ */ jsxs297(Fragment208, { children: [
+          pager && /* @__PURE__ */ jsx591("div", { className: "k-scrollview-nav-wrap", children: /* @__PURE__ */ jsxs296("div", { className: "k-scrollview-nav", children: [
+            mode === "light" && /* @__PURE__ */ jsxs296(Fragment207, { children: [
               /* @__PURE__ */ jsx591("span", { className: "k-link" }),
               /* @__PURE__ */ jsx591("span", { className: "k-link k-primary" }),
               /* @__PURE__ */ jsx591("span", { className: "k-link k-primary k-focus" }),
               /* @__PURE__ */ jsx591("span", { className: "k-link k-focus" }),
               /* @__PURE__ */ jsx591("span", { className: "k-link" })
             ] }),
-            mode === "normal" && /* @__PURE__ */ jsxs297(Fragment208, { children: [
+            mode === "normal" && /* @__PURE__ */ jsxs296(Fragment207, { children: [
               /* @__PURE__ */ jsx591("span", { className: "k-link", style: { transform: "scale(0.5)" } }),
               /* @__PURE__ */ jsx591("span", { className: "k-link", style: { transform: "scale(0.65)" } }),
               /* @__PURE__ */ jsx591("span", { className: "k-link", style: { transform: "scale(0.8)" } }),
@@ -14537,7 +14537,7 @@ var ScrollView = (props) => {
               /* @__PURE__ */ jsx591("span", { className: "k-link", style: { transform: "scale(0.65)" } }),
               /* @__PURE__ */ jsx591("span", { className: "k-link", style: { transform: "scale(0.5)" } })
             ] }),
-            mode === "dark" && /* @__PURE__ */ jsxs297(Fragment208, { children: [
+            mode === "dark" && /* @__PURE__ */ jsxs296(Fragment207, { children: [
               /* @__PURE__ */ jsx591("span", { className: "k-link", style: { transform: "scale(0.5)" } }),
               /* @__PURE__ */ jsx591("span", { className: "k-link", style: { transform: "scale(0.65)" } }),
               /* @__PURE__ */ jsx591("span", { className: "k-link" }),
@@ -14562,7 +14562,7 @@ ScrollView.defaultProps = defaultProps202;
 import { jsx as jsx592 } from "react/jsx-runtime";
 
 // src/prompt/prompt.spec.tsx
-import { Fragment as Fragment209, jsx as jsx593 } from "react/jsx-runtime";
+import { Fragment as Fragment208, jsx as jsx593 } from "react/jsx-runtime";
 var PROMPT_CLASSNAME = `k-prompt`;
 var states213 = [];
 var options201 = {};
@@ -14571,7 +14571,7 @@ var Prompt = (props) => {
   const {
     ...other
   } = props;
-  return /* @__PURE__ */ jsx593("div", { ...other, className: classNames(props.className, PROMPT_CLASSNAME), children: /* @__PURE__ */ jsx593(Fragment209, { children: props.children }) });
+  return /* @__PURE__ */ jsx593("div", { ...other, className: classNames(props.className, PROMPT_CLASSNAME), children: /* @__PURE__ */ jsx593(Fragment208, { children: props.children }) });
 };
 Prompt.states = states213;
 Prompt.options = options201;
@@ -14582,10 +14582,10 @@ Prompt.defaultProps = defaultProps203;
 import { jsx as jsx594 } from "react/jsx-runtime";
 
 // src/prompt/prompt-content.tsx
-import { Fragment as Fragment210, jsx as jsx595 } from "react/jsx-runtime";
+import { Fragment as Fragment209, jsx as jsx595 } from "react/jsx-runtime";
 
 // src/prompt/prompt-view.tsx
-import { Fragment as Fragment211, jsx as jsx596, jsxs as jsxs298 } from "react/jsx-runtime";
+import { Fragment as Fragment210, jsx as jsx596, jsxs as jsxs297 } from "react/jsx-runtime";
 
 // src/prompt/prompt-footer.tsx
 import { jsx as jsx597 } from "react/jsx-runtime";
@@ -14597,29 +14597,29 @@ import { jsx as jsx598 } from "react/jsx-runtime";
 import { jsx as jsx599 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-normal.tsx
-import { jsx as jsx600, jsxs as jsxs299 } from "react/jsx-runtime";
+import { jsx as jsx600, jsxs as jsxs298 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-suggestions.tsx
-import { Fragment as Fragment212, jsx as jsx601, jsxs as jsxs300 } from "react/jsx-runtime";
+import { Fragment as Fragment211, jsx as jsx601, jsxs as jsxs299 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-settings.tsx
-import { Fragment as Fragment213, jsx as jsx602, jsxs as jsxs301 } from "react/jsx-runtime";
+import { Fragment as Fragment212, jsx as jsx602, jsxs as jsxs300 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-output.tsx
-import { jsx as jsx603, jsxs as jsxs302 } from "react/jsx-runtime";
+import { jsx as jsx603, jsxs as jsxs301 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-more-actions.tsx
-import { jsx as jsx604, jsxs as jsxs303 } from "react/jsx-runtime";
+import { jsx as jsx604, jsxs as jsxs302 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-popup.tsx
-import { jsx as jsx605, jsxs as jsxs304 } from "react/jsx-runtime";
+import { jsx as jsx605, jsxs as jsxs303 } from "react/jsx-runtime";
 
 // src/map/map.spec.tsx
-import { Fragment as Fragment214, jsx as jsx606, jsxs as jsxs305 } from "react/jsx-runtime";
+import { Fragment as Fragment213, jsx as jsx606, jsxs as jsxs304 } from "react/jsx-runtime";
 var MAP_CLASSNAME = `k-map`;
 var states214 = [];
 var options202 = {};
-var defaultAttribution = /* @__PURE__ */ jsxs305(Fragment214, { children: [
+var defaultAttribution = /* @__PURE__ */ jsxs304(Fragment213, { children: [
   "\xA9 ",
   /* @__PURE__ */ jsx606("a", { href: "#", children: "Attribution" })
 ] });
@@ -14640,7 +14640,7 @@ var Map = (props) => {
     children,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs305(
+  return /* @__PURE__ */ jsxs304(
     "div",
     {
       ...other,
@@ -14649,9 +14649,9 @@ var Map = (props) => {
         MAP_CLASSNAME
       ),
       children: [
-        /* @__PURE__ */ jsxs305("div", { className: "km-scroll-wrapper", style: { overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsxs304("div", { className: "km-scroll-wrapper", style: { overflow: "hidden" }, children: [
           /* @__PURE__ */ jsx606("div", { className: "km-scroll-header" }),
-          /* @__PURE__ */ jsxs305("div", { className: "km-scroll-container", style: scrollContainerStyle, children: [
+          /* @__PURE__ */ jsxs304("div", { className: "km-scroll-container", style: scrollContainerStyle, children: [
             /* @__PURE__ */ jsx606("div", { className: "k-layer", style: { zIndex: "1000" }, children: /* @__PURE__ */ jsx606(Icon, { className: "k-marker", icon: "map-marker-target", size: "xxlarge", style: markerStyle }) }),
             /* @__PURE__ */ jsx606("div", { className: "k-layer", children })
           ] }),
@@ -14659,7 +14659,7 @@ var Map = (props) => {
           /* @__PURE__ */ jsx606("div", { className: "km-touch-scrollbar km-vertical-scrollbar", style: verticalScrollbarStyle })
         ] }),
         /* @__PURE__ */ jsx606("div", { className: "k-map-controls k-pos-bottom k-pos-right", children: /* @__PURE__ */ jsx606("div", { className: "k-attribution", children: attribution }) }),
-        /* @__PURE__ */ jsxs305("div", { className: "k-map-controls k-pos-top k-pos-left", children: [
+        /* @__PURE__ */ jsxs304("div", { className: "k-map-controls k-pos-top k-pos-left", children: [
           /* @__PURE__ */ jsx606(Navigator, {}),
           /* @__PURE__ */ jsx606(ZoomControl, {})
         ] })
@@ -14673,7 +14673,7 @@ Map.className = MAP_CLASSNAME;
 Map.defaultProps = defaultProps204;
 
 // src/map/navigator.tsx
-import { jsx as jsx607, jsxs as jsxs306 } from "react/jsx-runtime";
+import { jsx as jsx607, jsxs as jsxs305 } from "react/jsx-runtime";
 var NAVIGATOR_CLASSNAME = `k-navigator`;
 var states215 = [];
 var options203 = {};
@@ -14682,7 +14682,7 @@ var Navigator = (props) => {
   const {
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs306(
+  return /* @__PURE__ */ jsxs305(
     "div",
     {
       ...other,
@@ -14705,7 +14705,7 @@ Navigator.className = NAVIGATOR_CLASSNAME;
 Navigator.defaultProps = defaultProps205;
 
 // src/map/zoom-control.tsx
-import { jsx as jsx608, jsxs as jsxs307 } from "react/jsx-runtime";
+import { jsx as jsx608, jsxs as jsxs306 } from "react/jsx-runtime";
 var ZOOMCONTROL_CLASSNAME = `k-zoom-control`;
 var states216 = [];
 var options204 = {};
@@ -14714,7 +14714,7 @@ var ZoomControl = (props) => {
   const {
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs307(
+  return /* @__PURE__ */ jsxs306(
     ButtonGroup,
     {
       ...other,
@@ -14771,7 +14771,7 @@ Orgchart.className = ORGCHART_CLASSNAME;
 Orgchart.defaultProps = defaultProps207;
 
 // src/orgchart/orgchart-node.tsx
-import { jsx as jsx611, jsxs as jsxs308 } from "react/jsx-runtime";
+import { jsx as jsx611, jsxs as jsxs307 } from "react/jsx-runtime";
 var ORGCHARTNODE_CLASSNAME = `k-orgchart-node`;
 var defaultProps208 = {
   buttonIcon: "plus",
@@ -14791,7 +14791,7 @@ var OrgchartNode = (props) => {
     avatarType,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs308(
+  return /* @__PURE__ */ jsxs307(
     "div",
     {
       ...other,
@@ -14803,9 +14803,9 @@ var OrgchartNode = (props) => {
       ),
       children: [
         lineTop && /* @__PURE__ */ jsx611("div", { className: "k-orgchart-line k-orgchart-line-v" }),
-        /* @__PURE__ */ jsx611(Card, { className: "k-orgchart-card", children: /* @__PURE__ */ jsxs308(CardBody, { className: "k-hstack", details, style: { borderTopColor: color }, children: [
+        /* @__PURE__ */ jsx611(Card, { className: "k-orgchart-card", children: /* @__PURE__ */ jsxs307(CardBody, { className: "k-hstack", details, style: { borderTopColor: color }, children: [
           /* @__PURE__ */ jsx611(Avatar, { type: avatarType, themeColor: "secondary", children: avatarType === "image" ? /* @__PURE__ */ jsx611("img", { src: avatar }) : avatar }),
-          /* @__PURE__ */ jsxs308("div", { className: "k-card-title-wrap k-vstack", children: [
+          /* @__PURE__ */ jsxs307("div", { className: "k-card-title-wrap k-vstack", children: [
             /* @__PURE__ */ jsx611(CardTitle, { className: "k-text-ellipsis", children: title }),
             /* @__PURE__ */ jsx611("span", { className: "k-spacer" }),
             /* @__PURE__ */ jsx611(CardSubtitle, { className: "k-text-ellipsis", children: subtitle })
@@ -14820,7 +14820,7 @@ var OrgchartNode = (props) => {
 };
 
 // src/orgchart/orgchart-group.tsx
-import { Fragment as Fragment215, jsx as jsx612, jsxs as jsxs309 } from "react/jsx-runtime";
+import { Fragment as Fragment214, jsx as jsx612, jsxs as jsxs308 } from "react/jsx-runtime";
 var ORGCHARTGROUP_CLASSNAME = `k-orgchart-group`;
 var states218 = [];
 var options206 = {};
@@ -14853,7 +14853,7 @@ var OrgchartGroup = (props) => {
       }
     }
   }
-  return /* @__PURE__ */ jsxs309(
+  return /* @__PURE__ */ jsxs308(
     "div",
     {
       ...other,
@@ -14877,10 +14877,10 @@ var OrgchartGroup = (props) => {
                 [`k-${kendoThemeMaps.orientationMap[orientation] || orientation}`]: orientation
               }
             ),
-            children: /* @__PURE__ */ jsx612(Fragment215, { children: chartNodes })
+            children: /* @__PURE__ */ jsx612(Fragment214, { children: chartNodes })
           }
         ),
-        /* @__PURE__ */ jsx612(Fragment215, { children: chartGroups })
+        /* @__PURE__ */ jsx612(Fragment214, { children: chartGroups })
       ]
     }
   );
@@ -14891,7 +14891,7 @@ OrgchartGroup.className = ORGCHARTGROUP_CLASSNAME;
 OrgchartGroup.defaultProps = defaultProps209;
 
 // src/orgchart/orgchart-node-group.tsx
-import { jsx as jsx613, jsxs as jsxs310 } from "react/jsx-runtime";
+import { jsx as jsx613, jsxs as jsxs309 } from "react/jsx-runtime";
 var ORGCHARTNODEGROUP_CLASSNAME = `k-orgchart-node-group`;
 var states219 = [
   States.focus
@@ -14912,7 +14912,7 @@ var OrgchartNodeGroup = (props) => {
     orientation = defaultProps210.orientation,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs310(
+  return /* @__PURE__ */ jsxs309(
     "div",
     {
       ...other,
@@ -14924,7 +14924,7 @@ var OrgchartNodeGroup = (props) => {
       ),
       children: [
         lineTop && /* @__PURE__ */ jsx613("div", { className: "k-orgchart-line k-orgchart-line-v" }),
-        /* @__PURE__ */ jsxs310(
+        /* @__PURE__ */ jsxs309(
           "div",
           {
             className: classNames(
@@ -14961,19 +14961,19 @@ var OrgchartNodeGroup = (props) => {
 OrgchartNodeGroup.states = states219;
 
 // src/orgchart/templates/orgchart-normal.tsx
-import { jsx as jsx614, jsxs as jsxs311 } from "react/jsx-runtime";
+import { jsx as jsx614, jsxs as jsxs310 } from "react/jsx-runtime";
 
 // src/orgchart/templates/orgchart-vertical.tsx
-import { jsx as jsx615, jsxs as jsxs312 } from "react/jsx-runtime";
+import { jsx as jsx615, jsxs as jsxs311 } from "react/jsx-runtime";
 
 // src/orgchart/templates/orgchart-group-normal.tsx
-import { jsx as jsx616, jsxs as jsxs313 } from "react/jsx-runtime";
+import { jsx as jsx616, jsxs as jsxs312 } from "react/jsx-runtime";
 
 // src/orgchart/templates/orgchart-group-vertical.tsx
-import { jsx as jsx617, jsxs as jsxs314 } from "react/jsx-runtime";
+import { jsx as jsx617, jsxs as jsxs313 } from "react/jsx-runtime";
 
 // src/signature/signature.spec.tsx
-import { jsx as jsx618, jsxs as jsxs315 } from "react/jsx-runtime";
+import { jsx as jsx618, jsxs as jsxs314 } from "react/jsx-runtime";
 var SIGNATURE_CLASSNAME = `k-signature`;
 var states220 = [
   States.hover,
@@ -15005,7 +15005,7 @@ var Signature = (props) => {
     maximized,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs315(
+  return /* @__PURE__ */ jsxs314(
     "div",
     {
       ...other,
@@ -15034,7 +15034,7 @@ var Signature = (props) => {
       ),
       children: [
         /* @__PURE__ */ jsx618("canvas", { className: "k-signature-canvas" }),
-        /* @__PURE__ */ jsxs315(
+        /* @__PURE__ */ jsxs314(
           "div",
           {
             className: classNames(
@@ -15112,7 +15112,7 @@ import { jsx as jsx619 } from "react/jsx-runtime";
 import { jsx as jsx620 } from "react/jsx-runtime";
 
 // src/editor/editor.spec.tsx
-import { jsx as jsx621, jsxs as jsxs316 } from "react/jsx-runtime";
+import { jsx as jsx621, jsxs as jsxs315 } from "react/jsx-runtime";
 var EDITOR_CLASSNAME = `k-editor`;
 var states221 = [
   States.readonly,
@@ -15133,7 +15133,7 @@ var Editor = (props) => {
     resizable,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs316(
+  return /* @__PURE__ */ jsxs315(
     "div",
     {
       ...other,
@@ -15220,13 +15220,13 @@ var EditorContent = (props) => {
 };
 
 // src/editor/templates/editor-normal.tsx
-import { Fragment as Fragment216, jsx as jsx624, jsxs as jsxs317 } from "react/jsx-runtime";
+import { Fragment as Fragment215, jsx as jsx624, jsxs as jsxs316 } from "react/jsx-runtime";
 
 // src/editor/templates/editor-resizable.tsx
-import { Fragment as Fragment217, jsx as jsx625, jsxs as jsxs318 } from "react/jsx-runtime";
+import { Fragment as Fragment216, jsx as jsx625, jsxs as jsxs317 } from "react/jsx-runtime";
 
 // src/editor/templates/editor-responsive-toolbar.tsx
-import { Fragment as Fragment218, jsx as jsx626, jsxs as jsxs319 } from "react/jsx-runtime";
+import { Fragment as Fragment217, jsx as jsx626, jsxs as jsxs318 } from "react/jsx-runtime";
 
 // src/imageeditor/imageeditor-toolbar.tsx
 import { jsx as jsx627 } from "react/jsx-runtime";
@@ -15272,7 +15272,7 @@ ImageEditorToolbar.className = IMAGEEDITORTOOLBAR_CLASSNAME;
 ImageEditorToolbar.defaultProps = defaultProps213;
 
 // src/imageeditor/imageeditor.spec.tsx
-import { jsx as jsx628, jsxs as jsxs320 } from "react/jsx-runtime";
+import { jsx as jsx628, jsxs as jsxs319 } from "react/jsx-runtime";
 var IMAGEEDITOR_CLASSNAME = `k-imageeditor`;
 var states224 = [];
 var options210 = {};
@@ -15285,7 +15285,7 @@ var ImageEditor = (props) => {
     children,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs320(
+  return /* @__PURE__ */ jsxs319(
     "div",
     {
       ...other,
@@ -15295,7 +15295,7 @@ var ImageEditor = (props) => {
       ),
       children: [
         /* @__PURE__ */ jsx628("div", { className: "k-imageeditor-header", children: /* @__PURE__ */ jsx628(ImageEditorToolbar, { toolbarItems }) }),
-        /* @__PURE__ */ jsxs320("div", { className: "k-imageeditor-content", style: { height: contentHeight }, children: [
+        /* @__PURE__ */ jsxs319("div", { className: "k-imageeditor-content", style: { height: contentHeight }, children: [
           /* @__PURE__ */ jsx628("div", { className: "k-imageeditor-canvas-container", children: /* @__PURE__ */ jsx628("div", { className: "k-imageeditor-canvas", children }) }),
           actionPane && /* @__PURE__ */ jsx628("div", { className: "k-imageeditor-action-pane", children: actionPane })
         ] })
@@ -15312,13 +15312,13 @@ ImageEditor.defaultProps = defaultProps214;
 import { jsx as jsx629 } from "react/jsx-runtime";
 
 // src/imageeditor/templates/imageeditor-resize.tsx
-import { Fragment as Fragment219, jsx as jsx630, jsxs as jsxs321 } from "react/jsx-runtime";
+import { Fragment as Fragment218, jsx as jsx630, jsxs as jsxs320 } from "react/jsx-runtime";
 
 // src/imageeditor/templates/imageeditor-crop.tsx
-import { Fragment as Fragment220, jsx as jsx631, jsxs as jsxs322 } from "react/jsx-runtime";
+import { Fragment as Fragment219, jsx as jsx631, jsxs as jsxs321 } from "react/jsx-runtime";
 
 // src/gantt/gantt.spec.tsx
-import { jsxs as jsxs323 } from "react/jsx-runtime";
+import { jsxs as jsxs322 } from "react/jsx-runtime";
 var GANTT_CLASSNAME = "k-gantt";
 var states225 = [];
 var options211 = {};
@@ -15329,7 +15329,7 @@ var Gantt = (props) => {
     footerToolbar,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs323(
+  return /* @__PURE__ */ jsxs322(
     "div",
     {
       ...other,
@@ -15472,7 +15472,7 @@ GanttTaskDot.className = GANTTTASKWDOT_CLASSNAME;
 GanttTaskDot.defaultProps = defaultProps218;
 
 // src/gantt/gantt-task-content.spec.tsx
-import { jsx as jsx642, jsxs as jsxs324 } from "react/jsx-runtime";
+import { jsx as jsx642, jsxs as jsxs323 } from "react/jsx-runtime";
 var GANTTTASKCONTENT_CLASSNAME = "k-task-content";
 var states229 = [];
 var options215 = {};
@@ -15482,7 +15482,7 @@ var GanttTaskContent = (props) => {
     content,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs324(
+  return /* @__PURE__ */ jsxs323(
     "div",
     {
       ...other,
@@ -15538,13 +15538,13 @@ GanttLine.className = GANTTLINE_CLASSNAME;
 GanttLine.defaultProps = defaultProps220;
 
 // src/gantt/templates/gantt-normal.tsx
-import { jsx as jsx644, jsxs as jsxs325 } from "react/jsx-runtime";
+import { jsx as jsx644, jsxs as jsxs324 } from "react/jsx-runtime";
 
 // src/gantt/templates/gantt-row-reordering.tsx
-import { jsx as jsx645, jsxs as jsxs326 } from "react/jsx-runtime";
+import { jsx as jsx645, jsxs as jsxs325 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-day.tsx
-import { Fragment as Fragment221, jsx as jsx646, jsxs as jsxs327 } from "react/jsx-runtime";
+import { Fragment as Fragment220, jsx as jsx646, jsxs as jsxs326 } from "react/jsx-runtime";
 
 // src/scheduler/scheduler-view.spec.tsx
 import { jsx as jsx647 } from "react/jsx-runtime";
@@ -15580,7 +15580,7 @@ SchedulerView.defaultProps = defaultProps221;
 var scheduler_view_spec_default = SchedulerView;
 
 // src/scheduler/scheduler.spec.tsx
-import { jsx as jsx648, jsxs as jsxs328 } from "react/jsx-runtime";
+import { jsx as jsx648, jsxs as jsxs327 } from "react/jsx-runtime";
 var SCHEDULER_CLASSNAME = "k-scheduler";
 var states232 = [];
 var options218 = {};
@@ -15593,7 +15593,7 @@ var Scheduler = (props) => {
     layout,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs328(
+  return /* @__PURE__ */ jsxs327(
     "div",
     {
       ...other,
@@ -15687,7 +15687,7 @@ import { jsx as jsx654 } from "react/jsx-runtime";
 import { jsx as jsx655 } from "react/jsx-runtime";
 
 // src/scheduler/scheduler-toolbar.spec.tsx
-import { Fragment as Fragment222, jsx as jsx656, jsxs as jsxs329 } from "react/jsx-runtime";
+import { Fragment as Fragment221, jsx as jsx656, jsxs as jsxs328 } from "react/jsx-runtime";
 
 // src/scheduler/scheduler-body.spec.tsx
 import { jsx as jsx657 } from "react/jsx-runtime";
@@ -15729,7 +15729,7 @@ SchedulerGroup.defaultProps = defaultProps223;
 SchedulerGroup.className = className36;
 
 // src/scheduler/scheduler-event.spec.tsx
-import { Fragment as Fragment223, jsx as jsx660, jsxs as jsxs330 } from "react/jsx-runtime";
+import { Fragment as Fragment222, jsx as jsx660, jsxs as jsxs329 } from "react/jsx-runtime";
 var className37 = "k-event";
 var states235 = [
   States.hover,
@@ -15740,7 +15740,7 @@ var options221 = {};
 var defaultProps224 = {
   resizable: "vertical",
   eventPrefix: /* @__PURE__ */ jsx660(Icon, { icon: "arrow-rotate-cw" }),
-  eventSuffix: /* @__PURE__ */ jsx660(Fragment223, { children: /* @__PURE__ */ jsx660("a", { href: "#", className: "k-link k-event-delete", children: /* @__PURE__ */ jsx660(Icon, { icon: "x" }) }) })
+  eventSuffix: /* @__PURE__ */ jsx660(Fragment222, { children: /* @__PURE__ */ jsx660("a", { href: "#", className: "k-link k-event-delete", children: /* @__PURE__ */ jsx660(Icon, { icon: "x" }) }) })
 };
 var SchedulerEvent = (props) => {
   const {
@@ -15755,7 +15755,7 @@ var SchedulerEvent = (props) => {
     eventSuffix = defaultProps224.eventSuffix,
     ...others
   } = props;
-  return /* @__PURE__ */ jsxs330(
+  return /* @__PURE__ */ jsxs329(
     "div",
     {
       ...others,
@@ -15776,14 +15776,14 @@ var SchedulerEvent = (props) => {
         /* @__PURE__ */ jsx660("span", { className: "k-event-actions", children: eventPrefix }),
         /* @__PURE__ */ jsx660("div", { children: props.children }),
         /* @__PURE__ */ jsx660("span", { className: "k-event-actions", children: eventSuffix }),
-        multiDay && /* @__PURE__ */ jsxs330(Fragment223, { children: [
+        multiDay && /* @__PURE__ */ jsxs329(Fragment222, { children: [
           /* @__PURE__ */ jsx660("span", { className: "k-event-top-actions", children: /* @__PURE__ */ jsx660(Icon, { icon: "caret-alt-up" }) }),
           /* @__PURE__ */ jsx660("span", { className: "k-event-bottom-actions", children: /* @__PURE__ */ jsx660(Icon, { icon: "caret-alt-down" }) })
         ] }),
-        resizable === "vertical" ? /* @__PURE__ */ jsxs330(Fragment223, { children: [
+        resizable === "vertical" ? /* @__PURE__ */ jsxs329(Fragment222, { children: [
           /* @__PURE__ */ jsx660("span", { className: "k-resize-handle k-resize-n" }),
           /* @__PURE__ */ jsx660("span", { className: "k-resize-handle k-resize-s" })
-        ] }) : resizable === "horizontal" && /* @__PURE__ */ jsxs330(Fragment223, { children: [
+        ] }) : resizable === "horizontal" && /* @__PURE__ */ jsxs329(Fragment222, { children: [
           /* @__PURE__ */ jsx660("span", { className: "k-resize-handle k-resize-w" }),
           /* @__PURE__ */ jsx660("span", { className: "k-resize-handle k-resize-e" })
         ] })
@@ -15797,7 +15797,7 @@ SchedulerEvent.defaultProps = defaultProps224;
 SchedulerEvent.className = className37;
 
 // src/scheduler/scheduler-task.spec.tsx
-import { jsx as jsx661, jsxs as jsxs331 } from "react/jsx-runtime";
+import { jsx as jsx661, jsxs as jsxs330 } from "react/jsx-runtime";
 var className38 = "k-task";
 var states236 = [];
 var options222 = {};
@@ -15812,7 +15812,7 @@ var SchedulerTask = (props) => {
     closable,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs331(
+  return /* @__PURE__ */ jsxs330(
     "div",
     {
       ...other,
@@ -15835,46 +15835,46 @@ SchedulerTask.defaultProps = defaultProps225;
 SchedulerTask.className = className38;
 
 // src/scheduler/templates/scheduler-week.tsx
-import { Fragment as Fragment224, jsx as jsx662, jsxs as jsxs332 } from "react/jsx-runtime";
+import { Fragment as Fragment223, jsx as jsx662, jsxs as jsxs331 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-month.tsx
-import { Fragment as Fragment225, jsx as jsx663, jsxs as jsxs333 } from "react/jsx-runtime";
+import { Fragment as Fragment224, jsx as jsx663, jsxs as jsxs332 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-timeline.tsx
-import { Fragment as Fragment226, jsx as jsx664, jsxs as jsxs334 } from "react/jsx-runtime";
+import { Fragment as Fragment225, jsx as jsx664, jsxs as jsxs333 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-agenda.tsx
-import { Fragment as Fragment227, jsx as jsx665, jsxs as jsxs335 } from "react/jsx-runtime";
+import { Fragment as Fragment226, jsx as jsx665, jsxs as jsxs334 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-flex-day.tsx
-import { Fragment as Fragment228, jsx as jsx666, jsxs as jsxs336 } from "react/jsx-runtime";
+import { Fragment as Fragment227, jsx as jsx666, jsxs as jsxs335 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-flex-week.tsx
-import { Fragment as Fragment229, jsx as jsx667, jsxs as jsxs337 } from "react/jsx-runtime";
+import { Fragment as Fragment228, jsx as jsx667, jsxs as jsxs336 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-flex-year.tsx
-import { Fragment as Fragment230, jsx as jsx668, jsxs as jsxs338 } from "react/jsx-runtime";
+import { Fragment as Fragment229, jsx as jsx668, jsxs as jsxs337 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-flex-month.tsx
-import { Fragment as Fragment231, jsx as jsx669, jsxs as jsxs339 } from "react/jsx-runtime";
+import { Fragment as Fragment230, jsx as jsx669, jsxs as jsxs338 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-flex-timeline.tsx
-import { Fragment as Fragment232, jsx as jsx670, jsxs as jsxs340 } from "react/jsx-runtime";
+import { Fragment as Fragment231, jsx as jsx670, jsxs as jsxs339 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-flex-agenda.tsx
-import { Fragment as Fragment233, jsx as jsx671, jsxs as jsxs341 } from "react/jsx-runtime";
+import { Fragment as Fragment232, jsx as jsx671, jsxs as jsxs340 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-horizontal-grouping.tsx
-import { Fragment as Fragment234, jsx as jsx672, jsxs as jsxs342 } from "react/jsx-runtime";
+import { Fragment as Fragment233, jsx as jsx672, jsxs as jsxs341 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-vertical-grouping.tsx
-import { Fragment as Fragment235, jsx as jsx673, jsxs as jsxs343 } from "react/jsx-runtime";
+import { Fragment as Fragment234, jsx as jsx673, jsxs as jsxs342 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-flex-horizontal-grouping.tsx
-import { Fragment as Fragment236, jsx as jsx674, jsxs as jsxs344 } from "react/jsx-runtime";
+import { Fragment as Fragment235, jsx as jsx674, jsxs as jsxs343 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-flex-vertical-grouping.tsx
-import { Fragment as Fragment237, jsx as jsx675, jsxs as jsxs345 } from "react/jsx-runtime";
+import { Fragment as Fragment236, jsx as jsx675, jsxs as jsxs344 } from "react/jsx-runtime";
 
 // src/utils/templates/background/background-clip/border-clip.tsx
 import { jsx as jsx676 } from "react/jsx-runtime";
@@ -15889,355 +15889,355 @@ import { jsx as jsx678 } from "react/jsx-runtime";
 import { jsx as jsx679 } from "react/jsx-runtime";
 
 // src/utils/templates/background/background-color/color.tsx
-import { jsx as jsx680, jsxs as jsxs346 } from "react/jsx-runtime";
+import { jsx as jsx680, jsxs as jsxs345 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-color/all-sides.tsx
-import { jsx as jsx681, jsxs as jsxs347 } from "react/jsx-runtime";
+import { jsx as jsx681, jsxs as jsxs346 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-color/individual.tsx
-import { jsx as jsx682, jsxs as jsxs348 } from "react/jsx-runtime";
+import { jsx as jsx682, jsxs as jsxs347 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-color/left-right.tsx
-import { jsx as jsx683, jsxs as jsxs349 } from "react/jsx-runtime";
+import { jsx as jsx683, jsxs as jsxs348 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-color/top-bottom.tsx
-import { jsx as jsx684, jsxs as jsxs350 } from "react/jsx-runtime";
+import { jsx as jsx684, jsxs as jsxs349 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-radius/corners.tsx
-import { jsx as jsx685, jsxs as jsxs351 } from "react/jsx-runtime";
+import { jsx as jsx685, jsxs as jsxs350 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-radius/no-rounding.tsx
-import { jsx as jsx686, jsxs as jsxs352 } from "react/jsx-runtime";
+import { jsx as jsx686, jsxs as jsxs351 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-radius/rounding.tsx
-import { jsx as jsx687, jsxs as jsxs353 } from "react/jsx-runtime";
+import { jsx as jsx687, jsxs as jsxs352 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-radius/sides.tsx
-import { jsx as jsx688, jsxs as jsxs354 } from "react/jsx-runtime";
+import { jsx as jsx688, jsxs as jsxs353 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-style/all-sides.tsx
-import { jsx as jsx689, jsxs as jsxs355 } from "react/jsx-runtime";
+import { jsx as jsx689, jsxs as jsxs354 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-style/individual.tsx
-import { jsx as jsx690, jsxs as jsxs356 } from "react/jsx-runtime";
+import { jsx as jsx690, jsxs as jsxs355 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-style/left-right.tsx
-import { jsx as jsx691, jsxs as jsxs357 } from "react/jsx-runtime";
+import { jsx as jsx691, jsxs as jsxs356 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-style/no-style.tsx
 import { jsx as jsx692 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-style/top-bottom.tsx
-import { jsx as jsx693, jsxs as jsxs358 } from "react/jsx-runtime";
+import { jsx as jsx693, jsxs as jsxs357 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-width/all-sides.tsx
-import { jsx as jsx694, jsxs as jsxs359 } from "react/jsx-runtime";
+import { jsx as jsx694, jsxs as jsxs358 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-width/individual.tsx
-import { jsx as jsx695, jsxs as jsxs360 } from "react/jsx-runtime";
+import { jsx as jsx695, jsxs as jsxs359 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-width/left-right.tsx
-import { jsx as jsx696, jsxs as jsxs361 } from "react/jsx-runtime";
+import { jsx as jsx696, jsxs as jsxs360 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-width/top-bottom.tsx
-import { jsx as jsx697, jsxs as jsxs362 } from "react/jsx-runtime";
+import { jsx as jsx697, jsxs as jsxs361 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/outline-color/all-sides.tsx
 import { jsx as jsx698 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/outline-offset/all-sides.tsx
-import { jsx as jsx699, jsxs as jsxs363 } from "react/jsx-runtime";
+import { jsx as jsx699, jsxs as jsxs362 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/outline-offset/no-offset.tsx
 import { jsx as jsx700 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/outline-style/all-sides.tsx
-import { jsx as jsx701, jsxs as jsxs364 } from "react/jsx-runtime";
+import { jsx as jsx701, jsxs as jsxs363 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/outline-style/no-style.tsx
 import { jsx as jsx702 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/outline-width/all-sides.tsx
-import { jsx as jsx703, jsxs as jsxs365 } from "react/jsx-runtime";
+import { jsx as jsx703, jsxs as jsxs364 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/outline-width/no-width.tsx
 import { jsx as jsx704 } from "react/jsx-runtime";
 
 // src/utils/templates/effects/opacity/applying.tsx
-import { jsx as jsx705, jsxs as jsxs366 } from "react/jsx-runtime";
+import { jsx as jsx705, jsxs as jsxs365 } from "react/jsx-runtime";
 
 // src/utils/templates/filters/backdrop-blur/applying.tsx
-import { Fragment as Fragment238, jsx as jsx706, jsxs as jsxs367 } from "react/jsx-runtime";
+import { Fragment as Fragment237, jsx as jsx706, jsxs as jsxs366 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-content/around.tsx
-import { jsx as jsx707, jsxs as jsxs368 } from "react/jsx-runtime";
+import { jsx as jsx707, jsxs as jsxs367 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-content/between.tsx
-import { jsx as jsx708, jsxs as jsxs369 } from "react/jsx-runtime";
+import { jsx as jsx708, jsxs as jsxs368 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-content/center.tsx
-import { jsx as jsx709, jsxs as jsxs370 } from "react/jsx-runtime";
+import { jsx as jsx709, jsxs as jsxs369 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-content/end.tsx
-import { jsx as jsx710, jsxs as jsxs371 } from "react/jsx-runtime";
+import { jsx as jsx710, jsxs as jsxs370 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-content/evenly.tsx
-import { jsx as jsx711, jsxs as jsxs372 } from "react/jsx-runtime";
+import { jsx as jsx711, jsxs as jsxs371 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-content/normal.tsx
-import { jsx as jsx712, jsxs as jsxs373 } from "react/jsx-runtime";
+import { jsx as jsx712, jsxs as jsxs372 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-content/start.tsx
-import { jsx as jsx713, jsxs as jsxs374 } from "react/jsx-runtime";
+import { jsx as jsx713, jsxs as jsxs373 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-content/stretch.tsx
-import { jsx as jsx714, jsxs as jsxs375 } from "react/jsx-runtime";
+import { jsx as jsx714, jsxs as jsxs374 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-items/baseline.tsx
-import { jsx as jsx715, jsxs as jsxs376 } from "react/jsx-runtime";
+import { jsx as jsx715, jsxs as jsxs375 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-items/center.tsx
-import { jsx as jsx716, jsxs as jsxs377 } from "react/jsx-runtime";
+import { jsx as jsx716, jsxs as jsxs376 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-items/end.tsx
-import { jsx as jsx717, jsxs as jsxs378 } from "react/jsx-runtime";
+import { jsx as jsx717, jsxs as jsxs377 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-items/start.tsx
-import { jsx as jsx718, jsxs as jsxs379 } from "react/jsx-runtime";
+import { jsx as jsx718, jsxs as jsxs378 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-items/stretch.tsx
-import { jsx as jsx719, jsxs as jsxs380 } from "react/jsx-runtime";
+import { jsx as jsx719, jsxs as jsxs379 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-self/baseline.tsx
-import { jsx as jsx720, jsxs as jsxs381 } from "react/jsx-runtime";
+import { jsx as jsx720, jsxs as jsxs380 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-self/center.tsx
-import { jsx as jsx721, jsxs as jsxs382 } from "react/jsx-runtime";
+import { jsx as jsx721, jsxs as jsxs381 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-self/end.tsx
-import { jsx as jsx722, jsxs as jsxs383 } from "react/jsx-runtime";
+import { jsx as jsx722, jsxs as jsxs382 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-self/start.tsx
-import { jsx as jsx723, jsxs as jsxs384 } from "react/jsx-runtime";
+import { jsx as jsx723, jsxs as jsxs383 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-self/stretch.tsx
-import { jsx as jsx724, jsxs as jsxs385 } from "react/jsx-runtime";
+import { jsx as jsx724, jsxs as jsxs384 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex/auto.tsx
-import { jsx as jsx725, jsxs as jsxs386 } from "react/jsx-runtime";
+import { jsx as jsx725, jsxs as jsxs385 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex/flex-1.tsx
-import { jsx as jsx726, jsxs as jsxs387 } from "react/jsx-runtime";
+import { jsx as jsx726, jsxs as jsxs386 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex/initial.tsx
-import { jsx as jsx727, jsxs as jsxs388 } from "react/jsx-runtime";
+import { jsx as jsx727, jsxs as jsxs387 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex/none.tsx
-import { jsx as jsx728, jsxs as jsxs389 } from "react/jsx-runtime";
+import { jsx as jsx728, jsxs as jsxs388 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-basis/auto.tsx
-import { jsx as jsx729, jsxs as jsxs390 } from "react/jsx-runtime";
+import { jsx as jsx729, jsxs as jsxs389 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-basis/size.tsx
-import { jsx as jsx730, jsxs as jsxs391 } from "react/jsx-runtime";
+import { jsx as jsx730, jsxs as jsxs390 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-direction/column-reverse.tsx
-import { jsx as jsx731, jsxs as jsxs392 } from "react/jsx-runtime";
+import { jsx as jsx731, jsxs as jsxs391 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-direction/column.tsx
-import { jsx as jsx732, jsxs as jsxs393 } from "react/jsx-runtime";
+import { jsx as jsx732, jsxs as jsxs392 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-direction/row-reverse.tsx
-import { jsx as jsx733, jsxs as jsxs394 } from "react/jsx-runtime";
+import { jsx as jsx733, jsxs as jsxs393 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-direction/row.tsx
-import { jsx as jsx734, jsxs as jsxs395 } from "react/jsx-runtime";
+import { jsx as jsx734, jsxs as jsxs394 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-grow/grow-0.tsx
-import { jsx as jsx735, jsxs as jsxs396 } from "react/jsx-runtime";
+import { jsx as jsx735, jsxs as jsxs395 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-grow/grow-1.tsx
-import { jsx as jsx736, jsxs as jsxs397 } from "react/jsx-runtime";
+import { jsx as jsx736, jsxs as jsxs396 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-srink/shrink-0.tsx
-import { jsx as jsx737, jsxs as jsxs398 } from "react/jsx-runtime";
+import { jsx as jsx737, jsxs as jsxs397 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-srink/shrink-1.tsx
-import { jsx as jsx738, jsxs as jsxs399 } from "react/jsx-runtime";
+import { jsx as jsx738, jsxs as jsxs398 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-wrap/nowrap.tsx
-import { jsx as jsx739, jsxs as jsxs400 } from "react/jsx-runtime";
+import { jsx as jsx739, jsxs as jsxs399 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-wrap/wrap-reverse.tsx
-import { jsx as jsx740, jsxs as jsxs401 } from "react/jsx-runtime";
+import { jsx as jsx740, jsxs as jsxs400 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-wrap/wrap.tsx
-import { jsx as jsx741, jsxs as jsxs402 } from "react/jsx-runtime";
+import { jsx as jsx741, jsxs as jsxs401 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/gap/size-x-y.tsx
-import { jsx as jsx742, jsxs as jsxs403 } from "react/jsx-runtime";
+import { jsx as jsx742, jsxs as jsxs402 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/gap/size.tsx
-import { jsx as jsx743, jsxs as jsxs404 } from "react/jsx-runtime";
+import { jsx as jsx743, jsxs as jsxs403 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-cols/auto.tsx
-import { jsx as jsx744, jsxs as jsxs405 } from "react/jsx-runtime";
+import { jsx as jsx744, jsxs as jsxs404 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-cols/fr.tsx
-import { jsx as jsx745, jsxs as jsxs406 } from "react/jsx-runtime";
+import { jsx as jsx745, jsxs as jsxs405 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-cols/max.tsx
-import { jsx as jsx746, jsxs as jsxs407 } from "react/jsx-runtime";
+import { jsx as jsx746, jsxs as jsxs406 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-cols/min.tsx
-import { jsx as jsx747, jsxs as jsxs408 } from "react/jsx-runtime";
+import { jsx as jsx747, jsxs as jsxs407 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-flow/column.tsx
-import { jsx as jsx748, jsxs as jsxs409 } from "react/jsx-runtime";
+import { jsx as jsx748, jsxs as jsxs408 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-flow/dense.tsx
-import { jsx as jsx749, jsxs as jsxs410 } from "react/jsx-runtime";
+import { jsx as jsx749, jsxs as jsxs409 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-flow/row.tsx
-import { jsx as jsx750, jsxs as jsxs411 } from "react/jsx-runtime";
+import { jsx as jsx750, jsxs as jsxs410 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-rows/auto.tsx
-import { jsx as jsx751, jsxs as jsxs412 } from "react/jsx-runtime";
+import { jsx as jsx751, jsxs as jsxs411 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-rows/fr.tsx
-import { jsx as jsx752, jsxs as jsxs413 } from "react/jsx-runtime";
+import { jsx as jsx752, jsxs as jsxs412 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-rows/min.tsx
-import { jsx as jsx753, jsxs as jsxs414 } from "react/jsx-runtime";
+import { jsx as jsx753, jsxs as jsxs413 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-col-start-end/start-end-n.tsx
-import { jsx as jsx754, jsxs as jsxs415 } from "react/jsx-runtime";
+import { jsx as jsx754, jsxs as jsxs414 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-row-start-end/start-end-n.tsx
-import { jsx as jsx755, jsxs as jsxs416 } from "react/jsx-runtime";
+import { jsx as jsx755, jsxs as jsxs415 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-template-cols/integer.tsx
-import { jsx as jsx756, jsxs as jsxs417 } from "react/jsx-runtime";
+import { jsx as jsx756, jsxs as jsxs416 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-template-rows/integer.tsx
-import { jsx as jsx757, jsxs as jsxs418 } from "react/jsx-runtime";
+import { jsx as jsx757, jsxs as jsxs417 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-content/around.tsx
-import { jsx as jsx758, jsxs as jsxs419 } from "react/jsx-runtime";
+import { jsx as jsx758, jsxs as jsxs418 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-content/between.tsx
-import { jsx as jsx759, jsxs as jsxs420 } from "react/jsx-runtime";
+import { jsx as jsx759, jsxs as jsxs419 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-content/center.tsx
-import { jsx as jsx760, jsxs as jsxs421 } from "react/jsx-runtime";
+import { jsx as jsx760, jsxs as jsxs420 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-content/end.tsx
-import { jsx as jsx761, jsxs as jsxs422 } from "react/jsx-runtime";
+import { jsx as jsx761, jsxs as jsxs421 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-content/evenly.tsx
-import { jsx as jsx762, jsxs as jsxs423 } from "react/jsx-runtime";
+import { jsx as jsx762, jsxs as jsxs422 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-content/normal.tsx
-import { jsx as jsx763, jsxs as jsxs424 } from "react/jsx-runtime";
+import { jsx as jsx763, jsxs as jsxs423 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-content/start.tsx
-import { jsx as jsx764, jsxs as jsxs425 } from "react/jsx-runtime";
+import { jsx as jsx764, jsxs as jsxs424 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-content/stretch.tsx
-import { jsx as jsx765, jsxs as jsxs426 } from "react/jsx-runtime";
+import { jsx as jsx765, jsxs as jsxs425 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-items/center.tsx
-import { jsx as jsx766, jsxs as jsxs427 } from "react/jsx-runtime";
+import { jsx as jsx766, jsxs as jsxs426 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-items/end.tsx
-import { jsx as jsx767, jsxs as jsxs428 } from "react/jsx-runtime";
+import { jsx as jsx767, jsxs as jsxs427 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-items/start.tsx
-import { jsx as jsx768, jsxs as jsxs429 } from "react/jsx-runtime";
+import { jsx as jsx768, jsxs as jsxs428 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-items/stretch.tsx
-import { jsx as jsx769, jsxs as jsxs430 } from "react/jsx-runtime";
+import { jsx as jsx769, jsxs as jsxs429 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-self/center.tsx
-import { jsx as jsx770, jsxs as jsxs431 } from "react/jsx-runtime";
+import { jsx as jsx770, jsxs as jsxs430 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-self/end.tsx
-import { jsx as jsx771, jsxs as jsxs432 } from "react/jsx-runtime";
+import { jsx as jsx771, jsxs as jsxs431 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-self/start.tsx
-import { jsx as jsx772, jsxs as jsxs433 } from "react/jsx-runtime";
+import { jsx as jsx772, jsxs as jsxs432 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-self/stretch.tsx
-import { jsx as jsx773, jsxs as jsxs434 } from "react/jsx-runtime";
+import { jsx as jsx773, jsxs as jsxs433 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/order/first.tsx
-import { jsx as jsx774, jsxs as jsxs435 } from "react/jsx-runtime";
+import { jsx as jsx774, jsxs as jsxs434 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/order/integer.tsx
-import { jsx as jsx775, jsxs as jsxs436 } from "react/jsx-runtime";
+import { jsx as jsx775, jsxs as jsxs435 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/order/last.tsx
-import { jsx as jsx776, jsxs as jsxs437 } from "react/jsx-runtime";
+import { jsx as jsx776, jsxs as jsxs436 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-content/around.tsx
-import { jsx as jsx777, jsxs as jsxs438 } from "react/jsx-runtime";
+import { jsx as jsx777, jsxs as jsxs437 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-content/between.tsx
-import { jsx as jsx778, jsxs as jsxs439 } from "react/jsx-runtime";
+import { jsx as jsx778, jsxs as jsxs438 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-content/center.tsx
-import { jsx as jsx779, jsxs as jsxs440 } from "react/jsx-runtime";
+import { jsx as jsx779, jsxs as jsxs439 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-content/end.tsx
-import { jsx as jsx780, jsxs as jsxs441 } from "react/jsx-runtime";
+import { jsx as jsx780, jsxs as jsxs440 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-content/evenly.tsx
-import { jsx as jsx781, jsxs as jsxs442 } from "react/jsx-runtime";
+import { jsx as jsx781, jsxs as jsxs441 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-content/normal.tsx
-import { jsx as jsx782, jsxs as jsxs443 } from "react/jsx-runtime";
+import { jsx as jsx782, jsxs as jsxs442 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-content/start.tsx
-import { jsx as jsx783, jsxs as jsxs444 } from "react/jsx-runtime";
+import { jsx as jsx783, jsxs as jsxs443 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-content/stretch.tsx
-import { jsx as jsx784, jsxs as jsxs445 } from "react/jsx-runtime";
+import { jsx as jsx784, jsxs as jsxs444 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-items/center.tsx
-import { jsx as jsx785, jsxs as jsxs446 } from "react/jsx-runtime";
+import { jsx as jsx785, jsxs as jsxs445 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-items/end.tsx
-import { jsx as jsx786, jsxs as jsxs447 } from "react/jsx-runtime";
+import { jsx as jsx786, jsxs as jsxs446 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-items/start.tsx
-import { jsx as jsx787, jsxs as jsxs448 } from "react/jsx-runtime";
+import { jsx as jsx787, jsxs as jsxs447 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-items/stretch.tsx
-import { jsx as jsx788, jsxs as jsxs449 } from "react/jsx-runtime";
+import { jsx as jsx788, jsxs as jsxs448 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-self/center.tsx
-import { jsx as jsx789, jsxs as jsxs450 } from "react/jsx-runtime";
+import { jsx as jsx789, jsxs as jsxs449 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-self/end.tsx
-import { jsx as jsx790, jsxs as jsxs451 } from "react/jsx-runtime";
+import { jsx as jsx790, jsxs as jsxs450 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-self/start.tsx
-import { jsx as jsx791, jsxs as jsxs452 } from "react/jsx-runtime";
+import { jsx as jsx791, jsxs as jsxs451 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-self/stretch.tsx
-import { jsx as jsx792, jsxs as jsxs453 } from "react/jsx-runtime";
+import { jsx as jsx792, jsxs as jsxs452 } from "react/jsx-runtime";
 
 // src/utils/templates/interactivity/appearance/applying.tsx
-import { jsx as jsx793, jsxs as jsxs454 } from "react/jsx-runtime";
+import { jsx as jsx793, jsxs as jsxs453 } from "react/jsx-runtime";
 
 // src/utils/templates/interactivity/appearance/none.tsx
-import { jsx as jsx794, jsxs as jsxs455 } from "react/jsx-runtime";
+import { jsx as jsx794, jsxs as jsxs454 } from "react/jsx-runtime";
 
 // src/utils/templates/interactivity/cursor/applying.tsx
-import { jsx as jsx795, jsxs as jsxs456 } from "react/jsx-runtime";
+import { jsx as jsx795, jsxs as jsxs455 } from "react/jsx-runtime";
 
 // src/utils/templates/interactivity/pointer-events/applying.tsx
-import { jsx as jsx796, jsxs as jsxs457 } from "react/jsx-runtime";
+import { jsx as jsx796, jsxs as jsxs456 } from "react/jsx-runtime";
 
 // src/utils/templates/interactivity/resize/all-directions.tsx
 import { jsx as jsx797 } from "react/jsx-runtime";
@@ -16291,43 +16291,43 @@ import { jsx as jsx812 } from "react/jsx-runtime";
 import { jsx as jsx813 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/clear/both.tsx
-import { jsx as jsx814, jsxs as jsxs458 } from "react/jsx-runtime";
+import { jsx as jsx814, jsxs as jsxs457 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/clear/left.tsx
-import { jsx as jsx815, jsxs as jsxs459 } from "react/jsx-runtime";
+import { jsx as jsx815, jsxs as jsxs458 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/clear/no-clear.tsx
-import { jsx as jsx816, jsxs as jsxs460 } from "react/jsx-runtime";
+import { jsx as jsx816, jsxs as jsxs459 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/clear/right.tsx
-import { jsx as jsx817, jsxs as jsxs461 } from "react/jsx-runtime";
+import { jsx as jsx817, jsxs as jsxs460 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/columns/automatic.tsx
-import { jsx as jsx818, jsxs as jsxs462 } from "react/jsx-runtime";
+import { jsx as jsx818, jsxs as jsxs461 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/columns/count.tsx
-import { jsx as jsx819, jsxs as jsxs463 } from "react/jsx-runtime";
+import { jsx as jsx819, jsxs as jsxs462 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/display/block.tsx
-import { jsx as jsx820, jsxs as jsxs464 } from "react/jsx-runtime";
+import { jsx as jsx820, jsxs as jsxs463 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/display/flex.tsx
-import { jsx as jsx821, jsxs as jsxs465 } from "react/jsx-runtime";
+import { jsx as jsx821, jsxs as jsxs464 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/display/inline.tsx
-import { jsx as jsx822, jsxs as jsxs466 } from "react/jsx-runtime";
+import { jsx as jsx822, jsxs as jsxs465 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/display/none.tsx
-import { Fragment as Fragment239, jsx as jsx823, jsxs as jsxs467 } from "react/jsx-runtime";
+import { Fragment as Fragment238, jsx as jsx823, jsxs as jsxs466 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/float/left.tsx
-import { jsx as jsx824, jsxs as jsxs468 } from "react/jsx-runtime";
+import { jsx as jsx824, jsxs as jsxs467 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/float/no-float.tsx
-import { jsx as jsx825, jsxs as jsxs469 } from "react/jsx-runtime";
+import { jsx as jsx825, jsxs as jsxs468 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/float/right.tsx
-import { jsx as jsx826, jsxs as jsxs470 } from "react/jsx-runtime";
+import { jsx as jsx826, jsxs as jsxs469 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/object-fit/contain.tsx
 import { jsx as jsx827 } from "react/jsx-runtime";
@@ -16342,7 +16342,7 @@ import { jsx as jsx829 } from "react/jsx-runtime";
 import { jsx as jsx830 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/object-position/position.tsx
-import { jsx as jsx831, jsxs as jsxs471 } from "react/jsx-runtime";
+import { jsx as jsx831, jsxs as jsxs470 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/overflow/hidden.tsx
 import { jsx as jsx832 } from "react/jsx-runtime";
@@ -16357,22 +16357,22 @@ import { jsx as jsx834 } from "react/jsx-runtime";
 import { jsx as jsx835 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/placement/multiple.tsx
-import { jsx as jsx836, jsxs as jsxs472 } from "react/jsx-runtime";
+import { jsx as jsx836, jsxs as jsxs471 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/placement/single.tsx
-import { jsx as jsx837, jsxs as jsxs473 } from "react/jsx-runtime";
+import { jsx as jsx837, jsxs as jsxs472 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/position/applying.tsx
-import { jsx as jsx838, jsxs as jsxs474 } from "react/jsx-runtime";
+import { jsx as jsx838, jsxs as jsxs473 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/visibility/invisible.tsx
-import { jsx as jsx839, jsxs as jsxs475 } from "react/jsx-runtime";
+import { jsx as jsx839, jsxs as jsxs474 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/z-index/applying.tsx
-import { Fragment as Fragment240, jsx as jsx840, jsxs as jsxs476 } from "react/jsx-runtime";
+import { Fragment as Fragment239, jsx as jsx840, jsxs as jsxs475 } from "react/jsx-runtime";
 
 // src/utils/templates/sizing/height/fixed.tsx
-import { jsx as jsx841, jsxs as jsxs477 } from "react/jsx-runtime";
+import { jsx as jsx841, jsxs as jsxs476 } from "react/jsx-runtime";
 
 // src/utils/templates/sizing/height/full.tsx
 import { jsx as jsx842 } from "react/jsx-runtime";
@@ -16387,7 +16387,7 @@ import { jsx as jsx844 } from "react/jsx-runtime";
 import { jsx as jsx845 } from "react/jsx-runtime";
 
 // src/utils/templates/sizing/width/fixed.tsx
-import { jsx as jsx846, jsxs as jsxs478 } from "react/jsx-runtime";
+import { jsx as jsx846, jsxs as jsxs477 } from "react/jsx-runtime";
 
 // src/utils/templates/sizing/width/full.tsx
 import { jsx as jsx847 } from "react/jsx-runtime";
@@ -16405,7 +16405,7 @@ import { jsx as jsx850 } from "react/jsx-runtime";
 import { jsx as jsx851 } from "react/jsx-runtime";
 
 // src/utils/templates/spacing/margin/single.tsx
-import { Fragment as Fragment241, jsx as jsx852, jsxs as jsxs479 } from "react/jsx-runtime";
+import { Fragment as Fragment240, jsx as jsx852, jsxs as jsxs478 } from "react/jsx-runtime";
 
 // src/utils/templates/spacing/margin/x.tsx
 import { jsx as jsx853 } from "react/jsx-runtime";
@@ -16417,7 +16417,7 @@ import { jsx as jsx854 } from "react/jsx-runtime";
 import { jsx as jsx855 } from "react/jsx-runtime";
 
 // src/utils/templates/spacing/padding/single.tsx
-import { Fragment as Fragment242, jsx as jsx856, jsxs as jsxs480 } from "react/jsx-runtime";
+import { Fragment as Fragment241, jsx as jsx856, jsxs as jsxs479 } from "react/jsx-runtime";
 
 // src/utils/templates/spacing/padding/x.tsx
 import { jsx as jsx857 } from "react/jsx-runtime";
@@ -16426,58 +16426,58 @@ import { jsx as jsx857 } from "react/jsx-runtime";
 import { jsx as jsx858 } from "react/jsx-runtime";
 
 // src/utils/templates/svg/fill/color.tsx
-import { Fragment as Fragment243, jsx as jsx859, jsxs as jsxs481 } from "react/jsx-runtime";
+import { Fragment as Fragment242, jsx as jsx859, jsxs as jsxs480 } from "react/jsx-runtime";
 
 // src/utils/templates/svg/stroke/color.tsx
-import { Fragment as Fragment244, jsx as jsx860, jsxs as jsxs482 } from "react/jsx-runtime";
+import { Fragment as Fragment243, jsx as jsx860, jsxs as jsxs481 } from "react/jsx-runtime";
 
 // src/utils/templates/table/border-collapse/collapse.tsx
-import { jsx as jsx861, jsxs as jsxs483 } from "react/jsx-runtime";
+import { jsx as jsx861, jsxs as jsxs482 } from "react/jsx-runtime";
 
 // src/utils/templates/table/border-collapse/separate.tsx
-import { jsx as jsx862, jsxs as jsxs484 } from "react/jsx-runtime";
+import { jsx as jsx862, jsxs as jsxs483 } from "react/jsx-runtime";
 
 // src/utils/templates/table/table-layout/auto.tsx
-import { jsx as jsx863, jsxs as jsxs485 } from "react/jsx-runtime";
+import { jsx as jsx863, jsxs as jsxs484 } from "react/jsx-runtime";
 
 // src/utils/templates/table/table-layout/fixed.tsx
-import { jsx as jsx864, jsxs as jsxs486 } from "react/jsx-runtime";
+import { jsx as jsx864, jsxs as jsxs485 } from "react/jsx-runtime";
 
 // src/utils/templates/transform/flip/horizontal.tsx
-import { jsx as jsx865, jsxs as jsxs487 } from "react/jsx-runtime";
+import { jsx as jsx865, jsxs as jsxs486 } from "react/jsx-runtime";
 
 // src/utils/templates/transform/flip/vertical.tsx
-import { jsx as jsx866, jsxs as jsxs488 } from "react/jsx-runtime";
+import { jsx as jsx866, jsxs as jsxs487 } from "react/jsx-runtime";
 
 // src/utils/templates/transform/origin/applying.tsx
-import { jsx as jsx867, jsxs as jsxs489 } from "react/jsx-runtime";
+import { jsx as jsx867, jsxs as jsxs488 } from "react/jsx-runtime";
 
 // src/utils/templates/transform/rotate/applying.tsx
-import { jsx as jsx868, jsxs as jsxs490 } from "react/jsx-runtime";
+import { jsx as jsx868, jsxs as jsxs489 } from "react/jsx-runtime";
 
 // src/utils/templates/transform/scale/applying.tsx
-import { jsx as jsx869, jsxs as jsxs491 } from "react/jsx-runtime";
+import { jsx as jsx869, jsxs as jsxs490 } from "react/jsx-runtime";
 
 // src/utils/templates/transform/skew/applying.tsx
-import { jsx as jsx870, jsxs as jsxs492 } from "react/jsx-runtime";
+import { jsx as jsx870, jsxs as jsxs491 } from "react/jsx-runtime";
 
 // src/utils/templates/transform/translate/applying.tsx
-import { jsx as jsx871, jsxs as jsxs493 } from "react/jsx-runtime";
+import { jsx as jsx871, jsxs as jsxs492 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/font-style/italic.tsx
 import { jsx as jsx872 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/font-weight/size.tsx
-import { Fragment as Fragment245, jsx as jsx873, jsxs as jsxs494 } from "react/jsx-runtime";
+import { Fragment as Fragment244, jsx as jsx873, jsxs as jsxs493 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/list-style-type/decimal.tsx
-import { jsx as jsx874, jsxs as jsxs495 } from "react/jsx-runtime";
+import { jsx as jsx874, jsxs as jsxs494 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/list-style-type/disc.tsx
-import { jsx as jsx875, jsxs as jsxs496 } from "react/jsx-runtime";
+import { jsx as jsx875, jsxs as jsxs495 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/list-style-type/none.tsx
-import { jsx as jsx876, jsxs as jsxs497 } from "react/jsx-runtime";
+import { jsx as jsx876, jsxs as jsxs496 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/text-align/center.tsx
 import { jsx as jsx877 } from "react/jsx-runtime";
@@ -16498,7 +16498,7 @@ import { jsx as jsx881 } from "react/jsx-runtime";
 import { jsx as jsx882 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/text-decoration/all.tsx
-import { Fragment as Fragment246, jsx as jsx883, jsxs as jsxs498 } from "react/jsx-runtime";
+import { Fragment as Fragment245, jsx as jsx883, jsxs as jsxs497 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/text-overflow/clip.tsx
 import { jsx as jsx884 } from "react/jsx-runtime";
@@ -16507,19 +16507,19 @@ import { jsx as jsx884 } from "react/jsx-runtime";
 import { jsx as jsx885 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/text-transform/all.tsx
-import { Fragment as Fragment247, jsx as jsx886, jsxs as jsxs499 } from "react/jsx-runtime";
+import { Fragment as Fragment246, jsx as jsx886, jsxs as jsxs498 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/vertical-align/baseline.tsx
-import { jsx as jsx887, jsxs as jsxs500 } from "react/jsx-runtime";
+import { jsx as jsx887, jsxs as jsxs499 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/vertical-align/bottom.tsx
-import { jsx as jsx888, jsxs as jsxs501 } from "react/jsx-runtime";
+import { jsx as jsx888, jsxs as jsxs500 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/vertical-align/center.tsx
-import { jsx as jsx889, jsxs as jsxs502 } from "react/jsx-runtime";
+import { jsx as jsx889, jsxs as jsxs501 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/vertical-align/top.tsx
-import { jsx as jsx890, jsxs as jsxs503 } from "react/jsx-runtime";
+import { jsx as jsx890, jsxs as jsxs502 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/white-space/normal.tsx
 import { jsx as jsx891 } from "react/jsx-runtime";
@@ -16537,7 +16537,7 @@ import { jsx as jsx894 } from "react/jsx-runtime";
 import { jsx as jsx895 } from "react/jsx-runtime";
 
 // src/dock-manager/tests/dock-manager-unpinned-pane.tsx
-import { Fragment as Fragment248, jsx as jsx896, jsxs as jsxs504 } from "react/jsx-runtime";
+import { Fragment as Fragment247, jsx as jsx896, jsxs as jsxs503 } from "react/jsx-runtime";
 var styles = `
     #test-area {
         max-width: 1040px;
@@ -16547,20 +16547,20 @@ var styles = `
         height: 800px;
     }
 `;
-var dock_manager_unpinned_pane_default = () => /* @__PURE__ */ jsxs504(Fragment248, { children: [
+var dock_manager_unpinned_pane_default = () => /* @__PURE__ */ jsxs503(Fragment247, { children: [
   /* @__PURE__ */ jsx896("style", { children: styles }),
-  /* @__PURE__ */ jsx896("div", { id: "test-area", className: "k-d-grid", children: /* @__PURE__ */ jsx896(DockManagerUnpinnedPane, { children: /* @__PURE__ */ jsxs504(DockManagerSplitter, { orientation: "vertical", children: [
-    /* @__PURE__ */ jsx896(SplitterPane, { flexBasis: "70%", children: /* @__PURE__ */ jsxs504(DockManagerSplitter, { children: [
+  /* @__PURE__ */ jsx896("div", { id: "test-area", className: "k-d-grid", children: /* @__PURE__ */ jsx896(DockManagerUnpinnedPane, { children: /* @__PURE__ */ jsxs503(DockManagerSplitter, { orientation: "vertical", children: [
+    /* @__PURE__ */ jsx896(SplitterPane, { flexBasis: "70%", children: /* @__PURE__ */ jsxs503(DockManagerSplitter, { children: [
       /* @__PURE__ */ jsx896(SplitterPane, { tabbed: true, flexBasis: "40%", children: /* @__PURE__ */ jsx896(
         TabStripNormal,
         {
           style: { height: "100%" },
-          tabStripItems: /* @__PURE__ */ jsxs504(Fragment248, { children: [
-            /* @__PURE__ */ jsxs504(TabStripItem, { first: true, value: "File 1", active: true, children: [
+          tabStripItems: /* @__PURE__ */ jsxs503(Fragment247, { children: [
+            /* @__PURE__ */ jsxs503(TabStripItem, { first: true, value: "File 1", active: true, children: [
               /* @__PURE__ */ jsx896(Button, { fillMode: "flat", icon: "pin" }),
               /* @__PURE__ */ jsx896(Button, { fillMode: "flat", icon: "more-vertical" })
             ] }),
-            /* @__PURE__ */ jsxs504(TabStripItem, { value: "File 2", children: [
+            /* @__PURE__ */ jsxs503(TabStripItem, { value: "File 2", children: [
               /* @__PURE__ */ jsx896(Button, { fillMode: "flat", themeColor: "primary", icon: "pin" }),
               /* @__PURE__ */ jsx896(Button, { fillMode: "flat", themeColor: "primary", icon: "more-vertical" })
             ] })
@@ -16568,17 +16568,17 @@ var dock_manager_unpinned_pane_default = () => /* @__PURE__ */ jsxs504(Fragment2
           children: /* @__PURE__ */ jsx896(TabStripContent, { active: true, 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__ */ jsx896(SplitterPane, { children: /* @__PURE__ */ jsxs504(DockManagerSplitter, { orientation: "vertical", children: [
+      /* @__PURE__ */ jsx896(SplitterPane, { children: /* @__PURE__ */ jsxs503(DockManagerSplitter, { orientation: "vertical", children: [
         /* @__PURE__ */ jsx896(SplitterPane, { tabbed: true, flexBasis: "50%", children: /* @__PURE__ */ jsx896(
           TabStripNormal,
           {
             style: { height: "100%" },
-            tabStripItems: /* @__PURE__ */ jsxs504(Fragment248, { children: [
-              /* @__PURE__ */ jsxs504(TabStripItem, { first: true, value: "File 5", active: true, children: [
+            tabStripItems: /* @__PURE__ */ jsxs503(Fragment247, { children: [
+              /* @__PURE__ */ jsxs503(TabStripItem, { first: true, value: "File 5", active: true, children: [
                 /* @__PURE__ */ jsx896(Button, { fillMode: "flat", icon: "pin" }),
                 /* @__PURE__ */ jsx896(Button, { fillMode: "flat", icon: "more-vertical" })
               ] }),
-              /* @__PURE__ */ jsxs504(TabStripItem, { value: "File 6", children: [
+              /* @__PURE__ */ jsxs503(TabStripItem, { value: "File 6", children: [
                 /* @__PURE__ */ jsx896(Button, { fillMode: "flat", themeColor: "primary", icon: "pin" }),
                 /* @__PURE__ */ jsx896(Button, { fillMode: "flat", themeColor: "primary", icon: "more-vertical" })
               ] })