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

package/dist/esm/gantt/tests/gantt-row-reordering.mjs

@@ -14117,10 +14117,10 @@ ContextMenu.className = CONTEXTMENU_CLASSNAME;
 ContextMenu.defaultProps = defaultProps194;
 
 // src/context-menu/templates/context-menu-normal.tsx
-import { Fragment as Fragment199, jsx as jsx565, jsxs as jsxs272 } from "react/jsx-runtime";
+import { jsx as jsx565 } from "react/jsx-runtime";
 
 // src/chat/chat.spec.tsx
-import { Fragment as Fragment200, jsx as jsx566, jsxs as jsxs273 } from "react/jsx-runtime";
+import { Fragment as Fragment199, jsx as jsx566, jsxs as jsxs272 } from "react/jsx-runtime";
 var CHAT_CLASSNAME = "k-chat";
 var states202 = [];
 var options194 = {};
@@ -14137,7 +14137,7 @@ var Chat = (props) => {
     showMoreButton,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs273(
+  return /* @__PURE__ */ jsxs272(
     "div",
     {
       ...other,
@@ -14153,15 +14153,15 @@ var Chat = (props) => {
           {
             className: "k-message-box",
             placeholder: "Type a message...",
-            suffix: /* @__PURE__ */ jsxs273(Fragment200, { children: [
+            suffix: /* @__PURE__ */ jsxs272(Fragment199, { children: [
               showMoreButton && /* @__PURE__ */ jsx566(Button, { fillMode: "flat", icon: "more-horizontal" }),
               /* @__PURE__ */ jsx566(Button, { fillMode: "flat", icon: "paper-plane", className: "k-chat-send" })
             ] })
           }
         ),
-        showToolbar && /* @__PURE__ */ jsxs273("div", { className: "k-chat-toolbar k-toolbar", children: [
+        showToolbar && /* @__PURE__ */ jsxs272("div", { className: "k-chat-toolbar k-toolbar", children: [
           /* @__PURE__ */ jsx566(Button, { className: classNames("k-scroll-button", "k-scroll-button-left", dir === "rtl" ? "" : "k-hidden"), icon: "chevron-left" }),
-          /* @__PURE__ */ jsxs273("div", { className: "k-toolbar-group k-button-list", children: [
+          /* @__PURE__ */ jsxs272("div", { className: "k-toolbar-group k-button-list", children: [
             /* @__PURE__ */ jsx566(Button, { icon: "arrow-rotate-cw" }),
             /* @__PURE__ */ jsx566(Button, { icon: "gear" }),
             /* @__PURE__ */ jsx566(Button, { icon: "wrench" }),
@@ -14184,7 +14184,7 @@ Chat.className = CHAT_CLASSNAME;
 Chat.defaultOptions = defaultOptions;
 
 // src/chat/chat-message.tsx
-import { jsx as jsx567, jsxs as jsxs274 } from "react/jsx-runtime";
+import { jsx as jsx567, jsxs as jsxs273 } from "react/jsx-runtime";
 var CHATMESSAGE_CLASSNAME = "k-message";
 var states203 = [
   States.selected
@@ -14203,7 +14203,7 @@ var ChatMessage = (props) => {
     selected,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs274(
+  return /* @__PURE__ */ jsxs273(
     "div",
     {
       ...other,
@@ -14226,7 +14226,7 @@ ChatMessage.className = CHATMESSAGE_CLASSNAME;
 ChatMessage.defaultProps = defaultProps195;
 
 // src/chat/chat-message-group.tsx
-import { jsx as jsx568, jsxs as jsxs275 } from "react/jsx-runtime";
+import { jsx as jsx568, jsxs as jsxs274 } from "react/jsx-runtime";
 var CHATMESSAGEGROUP_CLASSNAME = "k-message-group";
 var states204 = [
   States.selected
@@ -14245,7 +14245,7 @@ var ChatMessageGroup = (props) => {
     selected,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs275(
+  return /* @__PURE__ */ jsxs274(
     "div",
     {
       ...other,
@@ -14310,22 +14310,22 @@ ChatQuickReply.className = CHATQUICKREPLY_CLASSNAME;
 ChatQuickReply.defaultOptions = defaultOptions2;
 
 // src/chat/templates/chat-normal.tsx
-import { Fragment as Fragment201, jsx as jsx570, jsxs as jsxs276 } from "react/jsx-runtime";
+import { Fragment as Fragment200, jsx as jsx570, jsxs as jsxs275 } from "react/jsx-runtime";
 
 // src/chat/templates/chat-with-toolbar.tsx
-import { Fragment as Fragment202, jsx as jsx571, jsxs as jsxs277 } from "react/jsx-runtime";
+import { Fragment as Fragment201, jsx as jsx571, jsxs as jsxs276 } from "react/jsx-runtime";
 
 // src/chat/templates/chat-with-options.tsx
-import { Fragment as Fragment203, jsx as jsx572, jsxs as jsxs278 } from "react/jsx-runtime";
+import { Fragment as Fragment202, jsx as jsx572, jsxs as jsxs277 } from "react/jsx-runtime";
 
 // src/mediaplayer/mediaplayer-toolbar.tsx
-import { jsx as jsx573, jsxs as jsxs279 } from "react/jsx-runtime";
+import { jsx as jsx573, jsxs as jsxs278 } from "react/jsx-runtime";
 var MEDIAPLAYERTOOLBAR_CLASSNAME = `k-mediaplayer-toolbar`;
 var states206 = [];
 var options198 = {};
 var defaultToolbarItems2 = [
   /* @__PURE__ */ jsx573(Button, { fillMode: "flat", icon: "play", className: "k-play-button" }),
-  /* @__PURE__ */ jsxs279(ToolbarItem, { className: "k-mediaplayer-currenttime-wrap", children: [
+  /* @__PURE__ */ jsxs278(ToolbarItem, { className: "k-mediaplayer-currenttime-wrap", children: [
     /* @__PURE__ */ jsx573("span", { className: "k-mediaplayer-currenttime", children: "00:18" }),
     " / ",
     /* @__PURE__ */ jsx573("span", { className: "k-mediaplayer-duration", children: "00:55" })
@@ -14361,7 +14361,7 @@ MediaPlayerToolbar.className = MEDIAPLAYERTOOLBAR_CLASSNAME;
 MediaPlayerToolbar.defaultProps = defaultProps197;
 
 // src/mediaplayer/mediaplayer.spec.tsx
-import { jsx as jsx574, jsxs as jsxs280 } from "react/jsx-runtime";
+import { jsx as jsx574, jsxs as jsxs279 } from "react/jsx-runtime";
 var MEDIAPLAYER_CLASSNAME = `k-mediaplayer`;
 var states207 = [];
 var options199 = {};
@@ -14375,7 +14375,7 @@ var MediaPlayer = (props) => {
     children,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs280(
+  return /* @__PURE__ */ jsxs279(
     "div",
     {
       ...other,
@@ -14386,7 +14386,7 @@ var MediaPlayer = (props) => {
       children: [
         children,
         /* @__PURE__ */ jsx574("div", { className: "k-mediaplayer-titlebar", children: title }),
-        /* @__PURE__ */ jsxs280("div", { className: "k-mediaplayer-toolbar-wrap", children: [
+        /* @__PURE__ */ jsxs279("div", { className: "k-mediaplayer-toolbar-wrap", children: [
           /* @__PURE__ */ jsx574(SliderNormal, { className: "k-mediaplayer-seekbar", showButtons: false, showTicks: false }),
           /* @__PURE__ */ jsx574(MediaPlayerToolbar, { toolbarItems })
         ] }),
@@ -14404,7 +14404,7 @@ MediaPlayer.defaultProps = defaultProps198;
 import { jsx as jsx575 } from "react/jsx-runtime";
 
 // src/timeline/timeline.spec.tsx
-import { Fragment as Fragment204, jsx as jsx576 } from "react/jsx-runtime";
+import { Fragment as Fragment203, jsx as jsx576 } from "react/jsx-runtime";
 var TIMELINE_CLASSNAME = `k-timeline`;
 var states208 = [];
 var options200 = {};
@@ -14431,7 +14431,7 @@ var Timeline = (props) => {
           [`${TIMELINE_CLASSNAME}-collapsible`]: collapsibleEvents
         }
       ),
-      children: /* @__PURE__ */ jsx576(Fragment204, { children: props.children })
+      children: /* @__PURE__ */ jsx576(Fragment203, { children: props.children })
     }
   );
 };
@@ -14441,7 +14441,7 @@ Timeline.className = TIMELINE_CLASSNAME;
 Timeline.defaultProps = defaultProps199;
 
 // src/timeline/vertical-timeline-event.spec.tsx
-import { jsx as jsx577, jsxs as jsxs281 } from "react/jsx-runtime";
+import { jsx as jsx577, jsxs as jsxs280 } from "react/jsx-runtime";
 var TIMELINEVERTICALEVENT_CLASSNAME = `k-timeline-event`;
 var states209 = [];
 var options201 = {};
@@ -14463,7 +14463,7 @@ var VerticalTimelineEvent = (props) => {
     showCollapseButton,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs281(
+  return /* @__PURE__ */ jsxs280(
     "li",
     {
       ...other,
@@ -14475,8 +14475,8 @@ var VerticalTimelineEvent = (props) => {
       children: [
         date && /* @__PURE__ */ jsx577("div", { className: "k-timeline-date-wrap", children: /* @__PURE__ */ jsx577("span", { className: "k-timeline-date", children: date }) }),
         /* @__PURE__ */ jsx577(TimelineCircle, {}),
-        content && /* @__PURE__ */ jsx577("div", { className: classNames("k-timeline-card", { "k-collapsed": collapsed }), children: /* @__PURE__ */ jsx577(TimelineCard, { ...reverse ? { callout: "right" } : { callout: "left" }, children: /* @__PURE__ */ jsxs281("div", { className: "k-card-inner", children: [
-          /* @__PURE__ */ jsxs281(CardHeader, { children: [
+        content && /* @__PURE__ */ jsx577("div", { className: classNames("k-timeline-card", { "k-collapsed": collapsed }), children: /* @__PURE__ */ jsx577(TimelineCard, { ...reverse ? { callout: "right" } : { callout: "left" }, children: /* @__PURE__ */ jsxs280("div", { className: "k-card-inner", children: [
+          /* @__PURE__ */ jsxs280(CardHeader, { children: [
             /* @__PURE__ */ jsx577(TimelineCardTitle, { collapsible: showCollapseButton, children: title }),
             /* @__PURE__ */ jsx577(CardSubtitle, { children: subtitle })
           ] }),
@@ -14493,7 +14493,7 @@ VerticalTimelineEvent.className = TIMELINEVERTICALEVENT_CLASSNAME;
 VerticalTimelineEvent.defaultProps = defaultProps200;
 
 // src/timeline/horizontal-timeline-event.spec.tsx
-import { jsx as jsx578, jsxs as jsxs282 } from "react/jsx-runtime";
+import { jsx as jsx578, jsxs as jsxs281 } from "react/jsx-runtime";
 var TIMELINEHORIZONTALEVENT_CLASSNAME = `k-timeline-event`;
 var states210 = [];
 var options202 = {};
@@ -14509,7 +14509,7 @@ var HorizontalTimelineEvent = (props) => {
     subtitle = defaultProps201.subtitle,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs282(
+  return /* @__PURE__ */ jsxs281(
     "li",
     {
       ...other,
@@ -14518,8 +14518,8 @@ var HorizontalTimelineEvent = (props) => {
         TIMELINEHORIZONTALEVENT_CLASSNAME
       ),
       children: [
-        content && /* @__PURE__ */ jsx578("div", { className: classNames("k-timeline-card"), children: /* @__PURE__ */ jsx578(TimelineCard, { orientation: "vertical", callout: "top", children: /* @__PURE__ */ jsxs282("div", { className: "k-card-inner", children: [
-          /* @__PURE__ */ jsxs282(CardHeader, { children: [
+        content && /* @__PURE__ */ jsx578("div", { className: classNames("k-timeline-card"), children: /* @__PURE__ */ jsx578(TimelineCard, { orientation: "vertical", callout: "top", children: /* @__PURE__ */ jsxs281("div", { className: "k-card-inner", children: [
+          /* @__PURE__ */ jsxs281(CardHeader, { children: [
             /* @__PURE__ */ jsx578(TimelineCardTitle, { children: title }),
             /* @__PURE__ */ jsx578(CardSubtitle, { children: subtitle })
           ] }),
@@ -14539,7 +14539,7 @@ HorizontalTimelineEvent.defaultProps = defaultProps201;
 import { jsx as jsx579 } from "react/jsx-runtime";
 
 // src/timeline/timeline-flag-wrap.spec.tsx
-import { jsx as jsx580, jsxs as jsxs283 } from "react/jsx-runtime";
+import { jsx as jsx580, jsxs as jsxs282 } from "react/jsx-runtime";
 var TIMELINEFLAGWRAP_CLASSNAME = `k-timeline-flag-wrap`;
 var states211 = [
   States.focus,
@@ -14554,7 +14554,7 @@ var TimelineFlagWrap = (props) => {
     year,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs283(
+  return /* @__PURE__ */ jsxs282(
     "li",
     {
       ...other,
@@ -14597,7 +14597,7 @@ var TimelineCircle = (props) => {
 import { jsx as jsx582 } from "react/jsx-runtime";
 
 // src/timeline/timeline-card.spec.tsx
-import { jsx as jsx583, jsxs as jsxs284 } from "react/jsx-runtime";
+import { jsx as jsx583, jsxs as jsxs283 } from "react/jsx-runtime";
 var states212 = [];
 var defaultProps203 = {};
 var TimelineCard = (props) => {
@@ -14606,7 +14606,7 @@ var TimelineCard = (props) => {
     children,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs284(
+  return /* @__PURE__ */ jsxs283(
     Card,
     {
       className: classNames(
@@ -14626,7 +14626,7 @@ TimelineCard.states = states212;
 TimelineCard.defaultProps = defaultProps203;
 
 // src/timeline/timeline-card-title.tsx
-import { jsx as jsx584, jsxs as jsxs285 } from "react/jsx-runtime";
+import { jsx as jsx584, jsxs as jsxs284 } from "react/jsx-runtime";
 var TIMELINECARDTITLE_CLASSNAME = `k-card-title`;
 var states213 = [];
 var defaultProps204 = {};
@@ -14636,7 +14636,7 @@ var TimelineCardTitle = (props) => {
     children,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs285(
+  return /* @__PURE__ */ jsxs284(
     "div",
     {
       className: classNames(
@@ -14710,45 +14710,45 @@ TimelineDateWrap.className = TIMELINEDATEWRAP_CLASSNAME;
 TimelineDateWrap.defaultProps = defaultProps206;
 
 // src/timeline/timeline-track-wrap.spec.tsx
-import { jsx as jsx587, jsxs as jsxs286 } from "react/jsx-runtime";
+import { jsx as jsx587, jsxs as jsxs285 } from "react/jsx-runtime";
 
 // src/timeline/timeline-track.spec.tsx
 import { jsx as jsx588 } from "react/jsx-runtime";
 
 // src/timeline/timeline-track-item.spec.tsx
-import { jsxs as jsxs287 } from "react/jsx-runtime";
+import { jsxs as jsxs286 } from "react/jsx-runtime";
 var states216 = [
   States.focus
 ];
 
 // src/timeline/templates/timeline-normal.tsx
-import { jsx as jsx589, jsxs as jsxs288 } from "react/jsx-runtime";
+import { jsx as jsx589, jsxs as jsxs287 } from "react/jsx-runtime";
 
 // src/timeline/templates/timeline-normal-collapsible.tsx
-import { jsx as jsx590, jsxs as jsxs289 } from "react/jsx-runtime";
+import { jsx as jsx590, jsxs as jsxs288 } from "react/jsx-runtime";
 
 // src/timeline/templates/timeline-normal-alternating.tsx
-import { jsx as jsx591, jsxs as jsxs290 } from "react/jsx-runtime";
+import { jsx as jsx591, jsxs as jsxs289 } from "react/jsx-runtime";
 
 // src/timeline/templates/timeline-horizontal.tsx
-import { Fragment as Fragment205, jsx as jsx592, jsxs as jsxs291 } from "react/jsx-runtime";
+import { Fragment as Fragment204, jsx as jsx592, jsxs as jsxs290 } from "react/jsx-runtime";
 
 // src/pdf-viewer/pdf-viewer.spec.tsx
-import { jsx as jsx593, jsxs as jsxs292 } from "react/jsx-runtime";
+import { jsx as jsx593, jsxs as jsxs291 } from "react/jsx-runtime";
 var PDFVIEWER_CLASSNAME = `k-pdf-viewer`;
 var states217 = [
   States.disabled
 ];
 var options205 = {};
-var defaultToolbar3 = /* @__PURE__ */ jsxs292(Toolbar, { resizable: true, children: [
+var defaultToolbar3 = /* @__PURE__ */ jsxs291(Toolbar, { resizable: true, children: [
   /* @__PURE__ */ jsx593(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
   /* @__PURE__ */ jsx593("span", { className: "k-spacer" }),
-  /* @__PURE__ */ jsxs292(ButtonGroup, { children: [
+  /* @__PURE__ */ jsxs291(ButtonGroup, { children: [
     /* @__PURE__ */ jsx593(Button, { fillMode: "flat", className: "k-group-start", icon: "zoom-out" }),
     /* @__PURE__ */ jsx593(Button, { fillMode: "flat", className: "k-group-end", icon: "zoom-in" })
   ] }),
   /* @__PURE__ */ jsx593(Combobox, { value: "Automatic Width" }),
-  /* @__PURE__ */ jsxs292(ButtonGroup, { children: [
+  /* @__PURE__ */ jsxs291(ButtonGroup, { children: [
     /* @__PURE__ */ jsx593(Button, { fillMode: "flat", className: "k-group-start", icon: "pointer" }),
     /* @__PURE__ */ jsx593(Button, { fillMode: "flat", className: "k-group-end", icon: "hand" })
   ] }),
@@ -14771,7 +14771,7 @@ var PDFViewer = (props) => {
     blank,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs292(
+  return /* @__PURE__ */ jsxs291(
     "div",
     {
       ...other,
@@ -14782,8 +14782,8 @@ var PDFViewer = (props) => {
       ),
       children: [
         toolbar,
-        /* @__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__ */ jsxs291("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto k-enable-text-select", children: [
+          showSearchPanel && /* @__PURE__ */ jsxs291("div", { className: "k-search-panel k-pos-sticky k-top-center", children: [
             /* @__PURE__ */ jsx593(Button, { fillMode: "flat", icon: "handle-drag", className: "k-search-dialog-draghandle" }),
             /* @__PURE__ */ jsx593(
               Textbox,
@@ -14791,7 +14791,7 @@ var PDFViewer = (props) => {
                 suffix: /* @__PURE__ */ jsx593(Button, { fillMode: "flat", className: "k-match-case-button", icon: "convert-lowercase" })
               }
             ),
-            /* @__PURE__ */ jsxs292("span", { className: "k-search-matches", children: [
+            /* @__PURE__ */ jsxs291("span", { className: "k-search-matches", children: [
               /* @__PURE__ */ jsx593("span", { children: "0" }),
               " of ",
               /* @__PURE__ */ jsx593("span", { children: "0" })
@@ -14800,7 +14800,7 @@ var PDFViewer = (props) => {
             /* @__PURE__ */ jsx593(Button, { fillMode: "flat", icon: "arrow-down" }),
             /* @__PURE__ */ jsx593(Button, { fillMode: "flat", icon: "x" })
           ] }),
-          /* @__PURE__ */ jsx593("div", { className: "k-pdf-viewer-pages", children: blank ? /* @__PURE__ */ jsxs292("div", { className: "k-page k-blank-page", children: [
+          /* @__PURE__ */ jsx593("div", { className: "k-pdf-viewer-pages", children: blank ? /* @__PURE__ */ jsxs291("div", { className: "k-page k-blank-page", children: [
             /* @__PURE__ */ jsx593(DropzoneNormal, {}),
             /* @__PURE__ */ jsx593(UploadNormal, { empty: true, status: "upload" })
           ] }) : props.children })
@@ -14843,16 +14843,16 @@ PDFViewerPage.className = PDFVIEWERPAGE_CLASSNAME;
 PDFViewerPage.defaultProps = defaultProps208;
 
 // src/pdf-viewer/templates/pdf-viewer-normal.tsx
-import { Fragment as Fragment206, jsx as jsx595, jsxs as jsxs293 } from "react/jsx-runtime";
+import { Fragment as Fragment205, jsx as jsx595, jsxs as jsxs292 } from "react/jsx-runtime";
 
 // src/pdf-viewer/templates/pdf-viewer-blank.tsx
-import { jsx as jsx596, jsxs as jsxs294 } from "react/jsx-runtime";
+import { jsx as jsx596, jsxs as jsxs293 } from "react/jsx-runtime";
 
 // src/pdf-viewer/templates/pdf-viewer-with-search-panel.tsx
-import { Fragment as Fragment207, jsx as jsx597, jsxs as jsxs295 } from "react/jsx-runtime";
+import { Fragment as Fragment206, jsx as jsx597, jsxs as jsxs294 } from "react/jsx-runtime";
 
 // src/scrollview/scrollview-spec.tsx
-import { Fragment as Fragment208, jsx as jsx598, jsxs as jsxs296 } from "react/jsx-runtime";
+import { Fragment as Fragment207, jsx as jsx598, jsxs as jsxs295 } from "react/jsx-runtime";
 var SCROLLVIEW_CLASSNAME = "k-scrollview";
 var states218 = [];
 var options206 = {};
@@ -14884,7 +14884,7 @@ var ScrollView = (props) => {
       /* @__PURE__ */ jsx598("div", { className: "k-scrollview-view" }, i)
     );
   }
-  return /* @__PURE__ */ jsxs296(
+  return /* @__PURE__ */ jsxs295(
     "div",
     {
       ...other,
@@ -14903,20 +14903,20 @@ var ScrollView = (props) => {
             ["k-scrollview-animate"]: animate
           }
         ), style: { "--kendo-scrollview-views": views, "--kendo-scrollview-current": currentView }, children: scrollviewViews }),
-        /* @__PURE__ */ jsxs296("div", { className: "k-scrollview-elements", children: [
-          arrows && /* @__PURE__ */ jsxs296(Fragment208, { children: [
+        /* @__PURE__ */ jsxs295("div", { className: "k-scrollview-elements", children: [
+          arrows && /* @__PURE__ */ jsxs295(Fragment207, { children: [
             /* @__PURE__ */ jsx598("span", { className: "k-scrollview-prev", children: /* @__PURE__ */ jsx598(Icon, { icon: iconPrev, size: "xxxlarge" }) }),
             /* @__PURE__ */ jsx598("span", { className: "k-scrollview-next", children: /* @__PURE__ */ jsx598(Icon, { icon: iconNext, size: "xxxlarge" }) })
           ] }),
-          pager && /* @__PURE__ */ jsx598("div", { className: "k-scrollview-nav-wrap", children: /* @__PURE__ */ jsxs296("div", { className: "k-scrollview-nav", children: [
-            mode === "light" && /* @__PURE__ */ jsxs296(Fragment208, { children: [
+          pager && /* @__PURE__ */ jsx598("div", { className: "k-scrollview-nav-wrap", children: /* @__PURE__ */ jsxs295("div", { className: "k-scrollview-nav", children: [
+            mode === "light" && /* @__PURE__ */ jsxs295(Fragment207, { children: [
               /* @__PURE__ */ jsx598("span", { className: "k-link" }),
               /* @__PURE__ */ jsx598("span", { className: "k-link k-primary" }),
               /* @__PURE__ */ jsx598("span", { className: "k-link k-primary k-focus" }),
               /* @__PURE__ */ jsx598("span", { className: "k-link k-focus" }),
               /* @__PURE__ */ jsx598("span", { className: "k-link" })
             ] }),
-            mode === "normal" && /* @__PURE__ */ jsxs296(Fragment208, { children: [
+            mode === "normal" && /* @__PURE__ */ jsxs295(Fragment207, { children: [
               /* @__PURE__ */ jsx598("span", { className: "k-link", style: { transform: "scale(0.5)" } }),
               /* @__PURE__ */ jsx598("span", { className: "k-link", style: { transform: "scale(0.65)" } }),
               /* @__PURE__ */ jsx598("span", { className: "k-link", style: { transform: "scale(0.8)" } }),
@@ -14927,7 +14927,7 @@ var ScrollView = (props) => {
               /* @__PURE__ */ jsx598("span", { className: "k-link", style: { transform: "scale(0.65)" } }),
               /* @__PURE__ */ jsx598("span", { className: "k-link", style: { transform: "scale(0.5)" } })
             ] }),
-            mode === "dark" && /* @__PURE__ */ jsxs296(Fragment208, { children: [
+            mode === "dark" && /* @__PURE__ */ jsxs295(Fragment207, { children: [
               /* @__PURE__ */ jsx598("span", { className: "k-link", style: { transform: "scale(0.5)" } }),
               /* @__PURE__ */ jsx598("span", { className: "k-link", style: { transform: "scale(0.65)" } }),
               /* @__PURE__ */ jsx598("span", { className: "k-link" }),
@@ -14952,7 +14952,7 @@ ScrollView.defaultProps = defaultProps209;
 import { jsx as jsx599 } from "react/jsx-runtime";
 
 // src/prompt/prompt.spec.tsx
-import { Fragment as Fragment209, jsx as jsx600 } from "react/jsx-runtime";
+import { Fragment as Fragment208, jsx as jsx600 } from "react/jsx-runtime";
 var PROMPT_CLASSNAME = `k-prompt`;
 var states219 = [];
 var options207 = {};
@@ -14961,7 +14961,7 @@ var Prompt = (props) => {
   const {
     ...other
   } = props;
-  return /* @__PURE__ */ jsx600("div", { ...other, className: classNames(props.className, PROMPT_CLASSNAME), children: /* @__PURE__ */ jsx600(Fragment209, { children: props.children }) });
+  return /* @__PURE__ */ jsx600("div", { ...other, className: classNames(props.className, PROMPT_CLASSNAME), children: /* @__PURE__ */ jsx600(Fragment208, { children: props.children }) });
 };
 Prompt.states = states219;
 Prompt.options = options207;
@@ -14972,10 +14972,10 @@ Prompt.defaultProps = defaultProps210;
 import { jsx as jsx601 } from "react/jsx-runtime";
 
 // src/prompt/prompt-content.tsx
-import { Fragment as Fragment210, jsx as jsx602 } from "react/jsx-runtime";
+import { Fragment as Fragment209, jsx as jsx602 } from "react/jsx-runtime";
 
 // src/prompt/prompt-view.tsx
-import { Fragment as Fragment211, jsx as jsx603, jsxs as jsxs297 } from "react/jsx-runtime";
+import { Fragment as Fragment210, jsx as jsx603, jsxs as jsxs296 } from "react/jsx-runtime";
 
 // src/prompt/prompt-footer.tsx
 import { jsx as jsx604 } from "react/jsx-runtime";
@@ -14987,29 +14987,29 @@ import { jsx as jsx605 } from "react/jsx-runtime";
 import { jsx as jsx606 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-normal.tsx
-import { jsx as jsx607, jsxs as jsxs298 } from "react/jsx-runtime";
+import { jsx as jsx607, jsxs as jsxs297 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-suggestions.tsx
-import { Fragment as Fragment212, jsx as jsx608, jsxs as jsxs299 } from "react/jsx-runtime";
+import { Fragment as Fragment211, jsx as jsx608, jsxs as jsxs298 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-settings.tsx
-import { Fragment as Fragment213, jsx as jsx609, jsxs as jsxs300 } from "react/jsx-runtime";
+import { Fragment as Fragment212, jsx as jsx609, jsxs as jsxs299 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-output.tsx
-import { jsx as jsx610, jsxs as jsxs301 } from "react/jsx-runtime";
+import { jsx as jsx610, jsxs as jsxs300 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-more-actions.tsx
-import { jsx as jsx611, jsxs as jsxs302 } from "react/jsx-runtime";
+import { jsx as jsx611, jsxs as jsxs301 } from "react/jsx-runtime";
 
 // src/prompt/templates/prompt-popup.tsx
-import { jsx as jsx612, jsxs as jsxs303 } from "react/jsx-runtime";
+import { jsx as jsx612, jsxs as jsxs302 } from "react/jsx-runtime";
 
 // src/map/map.spec.tsx
-import { Fragment as Fragment214, jsx as jsx613, jsxs as jsxs304 } from "react/jsx-runtime";
+import { Fragment as Fragment213, jsx as jsx613, jsxs as jsxs303 } from "react/jsx-runtime";
 var MAP_CLASSNAME = `k-map`;
 var states220 = [];
 var options208 = {};
-var defaultAttribution = /* @__PURE__ */ jsxs304(Fragment214, { children: [
+var defaultAttribution = /* @__PURE__ */ jsxs303(Fragment213, { children: [
   "\xA9 ",
   /* @__PURE__ */ jsx613("a", { href: "#", children: "Attribution" })
 ] });
@@ -15030,7 +15030,7 @@ var Map = (props) => {
     children,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs304(
+  return /* @__PURE__ */ jsxs303(
     "div",
     {
       ...other,
@@ -15039,9 +15039,9 @@ var Map = (props) => {
         MAP_CLASSNAME
       ),
       children: [
-        /* @__PURE__ */ jsxs304("div", { className: "km-scroll-wrapper", style: { overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsxs303("div", { className: "km-scroll-wrapper", style: { overflow: "hidden" }, children: [
           /* @__PURE__ */ jsx613("div", { className: "km-scroll-header" }),
-          /* @__PURE__ */ jsxs304("div", { className: "km-scroll-container", style: scrollContainerStyle, children: [
+          /* @__PURE__ */ jsxs303("div", { className: "km-scroll-container", style: scrollContainerStyle, children: [
             /* @__PURE__ */ jsx613("div", { className: "k-layer", style: { zIndex: "1000" }, children: /* @__PURE__ */ jsx613(Icon, { className: "k-marker", icon: "map-marker-target", size: "xxlarge", style: markerStyle }) }),
             /* @__PURE__ */ jsx613("div", { className: "k-layer", children })
           ] }),
@@ -15049,7 +15049,7 @@ var Map = (props) => {
           /* @__PURE__ */ jsx613("div", { className: "km-touch-scrollbar km-vertical-scrollbar", style: verticalScrollbarStyle })
         ] }),
         /* @__PURE__ */ jsx613("div", { className: "k-map-controls k-pos-bottom k-pos-right", children: /* @__PURE__ */ jsx613("div", { className: "k-attribution", children: attribution }) }),
-        /* @__PURE__ */ jsxs304("div", { className: "k-map-controls k-pos-top k-pos-left", children: [
+        /* @__PURE__ */ jsxs303("div", { className: "k-map-controls k-pos-top k-pos-left", children: [
           /* @__PURE__ */ jsx613(Navigator, {}),
           /* @__PURE__ */ jsx613(ZoomControl, {})
         ] })
@@ -15063,7 +15063,7 @@ Map.className = MAP_CLASSNAME;
 Map.defaultProps = defaultProps211;
 
 // src/map/navigator.tsx
-import { jsx as jsx614, jsxs as jsxs305 } from "react/jsx-runtime";
+import { jsx as jsx614, jsxs as jsxs304 } from "react/jsx-runtime";
 var NAVIGATOR_CLASSNAME = `k-navigator`;
 var states221 = [];
 var options209 = {};
@@ -15072,7 +15072,7 @@ var Navigator = (props) => {
   const {
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs305(
+  return /* @__PURE__ */ jsxs304(
     "div",
     {
       ...other,
@@ -15095,7 +15095,7 @@ Navigator.className = NAVIGATOR_CLASSNAME;
 Navigator.defaultProps = defaultProps212;
 
 // src/map/zoom-control.tsx
-import { jsx as jsx615, jsxs as jsxs306 } from "react/jsx-runtime";
+import { jsx as jsx615, jsxs as jsxs305 } from "react/jsx-runtime";
 var ZOOMCONTROL_CLASSNAME = `k-zoom-control`;
 var states222 = [];
 var options210 = {};
@@ -15104,7 +15104,7 @@ var ZoomControl = (props) => {
   const {
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs306(
+  return /* @__PURE__ */ jsxs305(
     ButtonGroup,
     {
       ...other,
@@ -15161,7 +15161,7 @@ Orgchart.className = ORGCHART_CLASSNAME;
 Orgchart.defaultProps = defaultProps214;
 
 // src/orgchart/orgchart-node.tsx
-import { jsx as jsx618, jsxs as jsxs307 } from "react/jsx-runtime";
+import { jsx as jsx618, jsxs as jsxs306 } from "react/jsx-runtime";
 var ORGCHARTNODE_CLASSNAME = `k-orgchart-node`;
 var defaultProps215 = {
   buttonIcon: "plus",
@@ -15181,7 +15181,7 @@ var OrgchartNode = (props) => {
     avatarType,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs307(
+  return /* @__PURE__ */ jsxs306(
     "div",
     {
       ...other,
@@ -15193,9 +15193,9 @@ var OrgchartNode = (props) => {
       ),
       children: [
         lineTop && /* @__PURE__ */ jsx618("div", { className: "k-orgchart-line k-orgchart-line-v" }),
-        /* @__PURE__ */ jsx618(Card, { className: "k-orgchart-card", children: /* @__PURE__ */ jsxs307(CardBody, { className: "k-hstack", details, style: { borderTopColor: color }, children: [
+        /* @__PURE__ */ jsx618(Card, { className: "k-orgchart-card", children: /* @__PURE__ */ jsxs306(CardBody, { className: "k-hstack", details, style: { borderTopColor: color }, children: [
           /* @__PURE__ */ jsx618(Avatar, { type: avatarType, themeColor: "secondary", children: avatarType === "image" ? /* @__PURE__ */ jsx618("img", { src: avatar }) : avatar }),
-          /* @__PURE__ */ jsxs307("div", { className: "k-card-title-wrap k-vstack", children: [
+          /* @__PURE__ */ jsxs306("div", { className: "k-card-title-wrap k-vstack", children: [
             /* @__PURE__ */ jsx618(CardTitle, { className: "k-text-ellipsis", children: title }),
             /* @__PURE__ */ jsx618("span", { className: "k-spacer" }),
             /* @__PURE__ */ jsx618(CardSubtitle, { className: "k-text-ellipsis", children: subtitle })
@@ -15210,7 +15210,7 @@ var OrgchartNode = (props) => {
 };
 
 // src/orgchart/orgchart-group.tsx
-import { Fragment as Fragment215, jsx as jsx619, jsxs as jsxs308 } from "react/jsx-runtime";
+import { Fragment as Fragment214, jsx as jsx619, jsxs as jsxs307 } from "react/jsx-runtime";
 var ORGCHARTGROUP_CLASSNAME = `k-orgchart-group`;
 var states224 = [];
 var options212 = {};
@@ -15243,7 +15243,7 @@ var OrgchartGroup = (props) => {
       }
     }
   }
-  return /* @__PURE__ */ jsxs308(
+  return /* @__PURE__ */ jsxs307(
     "div",
     {
       ...other,
@@ -15267,10 +15267,10 @@ var OrgchartGroup = (props) => {
                 [`k-${kendoThemeMaps.orientationMap[orientation] || orientation}`]: orientation
               }
             ),
-            children: /* @__PURE__ */ jsx619(Fragment215, { children: chartNodes })
+            children: /* @__PURE__ */ jsx619(Fragment214, { children: chartNodes })
           }
         ),
-        /* @__PURE__ */ jsx619(Fragment215, { children: chartGroups })
+        /* @__PURE__ */ jsx619(Fragment214, { children: chartGroups })
       ]
     }
   );
@@ -15281,7 +15281,7 @@ OrgchartGroup.className = ORGCHARTGROUP_CLASSNAME;
 OrgchartGroup.defaultProps = defaultProps216;
 
 // src/orgchart/orgchart-node-group.tsx
-import { jsx as jsx620, jsxs as jsxs309 } from "react/jsx-runtime";
+import { jsx as jsx620, jsxs as jsxs308 } from "react/jsx-runtime";
 var ORGCHARTNODEGROUP_CLASSNAME = `k-orgchart-node-group`;
 var states225 = [
   States.focus
@@ -15302,7 +15302,7 @@ var OrgchartNodeGroup = (props) => {
     orientation = defaultProps217.orientation,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs309(
+  return /* @__PURE__ */ jsxs308(
     "div",
     {
       ...other,
@@ -15314,7 +15314,7 @@ var OrgchartNodeGroup = (props) => {
       ),
       children: [
         lineTop && /* @__PURE__ */ jsx620("div", { className: "k-orgchart-line k-orgchart-line-v" }),
-        /* @__PURE__ */ jsxs309(
+        /* @__PURE__ */ jsxs308(
           "div",
           {
             className: classNames(
@@ -15351,19 +15351,19 @@ var OrgchartNodeGroup = (props) => {
 OrgchartNodeGroup.states = states225;
 
 // src/orgchart/templates/orgchart-normal.tsx
-import { jsx as jsx621, jsxs as jsxs310 } from "react/jsx-runtime";
+import { jsx as jsx621, jsxs as jsxs309 } from "react/jsx-runtime";
 
 // src/orgchart/templates/orgchart-vertical.tsx
-import { jsx as jsx622, jsxs as jsxs311 } from "react/jsx-runtime";
+import { jsx as jsx622, jsxs as jsxs310 } from "react/jsx-runtime";
 
 // src/orgchart/templates/orgchart-group-normal.tsx
-import { jsx as jsx623, jsxs as jsxs312 } from "react/jsx-runtime";
+import { jsx as jsx623, jsxs as jsxs311 } from "react/jsx-runtime";
 
 // src/orgchart/templates/orgchart-group-vertical.tsx
-import { jsx as jsx624, jsxs as jsxs313 } from "react/jsx-runtime";
+import { jsx as jsx624, jsxs as jsxs312 } from "react/jsx-runtime";
 
 // src/signature/signature.spec.tsx
-import { jsx as jsx625, jsxs as jsxs314 } from "react/jsx-runtime";
+import { jsx as jsx625, jsxs as jsxs313 } from "react/jsx-runtime";
 var SIGNATURE_CLASSNAME = `k-signature`;
 var states226 = [
   States.hover,
@@ -15395,7 +15395,7 @@ var Signature = (props) => {
     maximized,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs314(
+  return /* @__PURE__ */ jsxs313(
     "div",
     {
       ...other,
@@ -15424,7 +15424,7 @@ var Signature = (props) => {
       ),
       children: [
         /* @__PURE__ */ jsx625("canvas", { className: "k-signature-canvas" }),
-        /* @__PURE__ */ jsxs314(
+        /* @__PURE__ */ jsxs313(
           "div",
           {
             className: classNames(
@@ -15502,7 +15502,7 @@ import { jsx as jsx626 } from "react/jsx-runtime";
 import { jsx as jsx627 } from "react/jsx-runtime";
 
 // src/editor/editor.spec.tsx
-import { jsx as jsx628, jsxs as jsxs315 } from "react/jsx-runtime";
+import { jsx as jsx628, jsxs as jsxs314 } from "react/jsx-runtime";
 var EDITOR_CLASSNAME = `k-editor`;
 var states227 = [
   States.readonly,
@@ -15523,7 +15523,7 @@ var Editor = (props) => {
     resizable,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs315(
+  return /* @__PURE__ */ jsxs314(
     "div",
     {
       ...other,
@@ -15610,13 +15610,13 @@ var EditorContent = (props) => {
 };
 
 // src/editor/templates/editor-normal.tsx
-import { Fragment as Fragment216, jsx as jsx631, jsxs as jsxs316 } from "react/jsx-runtime";
+import { Fragment as Fragment215, jsx as jsx631, jsxs as jsxs315 } from "react/jsx-runtime";
 
 // src/editor/templates/editor-resizable.tsx
-import { Fragment as Fragment217, jsx as jsx632, jsxs as jsxs317 } from "react/jsx-runtime";
+import { Fragment as Fragment216, jsx as jsx632, jsxs as jsxs316 } from "react/jsx-runtime";
 
 // src/editor/templates/editor-responsive-toolbar.tsx
-import { Fragment as Fragment218, jsx as jsx633, jsxs as jsxs318 } from "react/jsx-runtime";
+import { Fragment as Fragment217, jsx as jsx633, jsxs as jsxs317 } from "react/jsx-runtime";
 
 // src/imageeditor/imageeditor-toolbar.tsx
 import { jsx as jsx634 } from "react/jsx-runtime";
@@ -15662,7 +15662,7 @@ ImageEditorToolbar.className = IMAGEEDITORTOOLBAR_CLASSNAME;
 ImageEditorToolbar.defaultProps = defaultProps220;
 
 // src/imageeditor/imageeditor.spec.tsx
-import { jsx as jsx635, jsxs as jsxs319 } from "react/jsx-runtime";
+import { jsx as jsx635, jsxs as jsxs318 } from "react/jsx-runtime";
 var IMAGEEDITOR_CLASSNAME = `k-imageeditor`;
 var states230 = [];
 var options216 = {};
@@ -15675,7 +15675,7 @@ var ImageEditor = (props) => {
     children,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs319(
+  return /* @__PURE__ */ jsxs318(
     "div",
     {
       ...other,
@@ -15685,7 +15685,7 @@ var ImageEditor = (props) => {
       ),
       children: [
         /* @__PURE__ */ jsx635("div", { className: "k-imageeditor-header", children: /* @__PURE__ */ jsx635(ImageEditorToolbar, { toolbarItems }) }),
-        /* @__PURE__ */ jsxs319("div", { className: "k-imageeditor-content", style: { height: contentHeight }, children: [
+        /* @__PURE__ */ jsxs318("div", { className: "k-imageeditor-content", style: { height: contentHeight }, children: [
           /* @__PURE__ */ jsx635("div", { className: "k-imageeditor-canvas-container", children: /* @__PURE__ */ jsx635("div", { className: "k-imageeditor-canvas", children }) }),
           actionPane && /* @__PURE__ */ jsx635("div", { className: "k-imageeditor-action-pane", children: actionPane })
         ] })
@@ -15702,13 +15702,13 @@ ImageEditor.defaultProps = defaultProps221;
 import { jsx as jsx636 } from "react/jsx-runtime";
 
 // src/imageeditor/templates/imageeditor-resize.tsx
-import { Fragment as Fragment219, jsx as jsx637, jsxs as jsxs320 } from "react/jsx-runtime";
+import { Fragment as Fragment218, jsx as jsx637, jsxs as jsxs319 } from "react/jsx-runtime";
 
 // src/imageeditor/templates/imageeditor-crop.tsx
-import { Fragment as Fragment220, jsx as jsx638, jsxs as jsxs321 } from "react/jsx-runtime";
+import { Fragment as Fragment219, jsx as jsx638, jsxs as jsxs320 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-day.tsx
-import { Fragment as Fragment221, jsx as jsx639, jsxs as jsxs322 } from "react/jsx-runtime";
+import { Fragment as Fragment220, jsx as jsx639, jsxs as jsxs321 } from "react/jsx-runtime";
 
 // src/scheduler/scheduler-view.spec.tsx
 import { jsx as jsx640 } from "react/jsx-runtime";
@@ -15744,7 +15744,7 @@ SchedulerView.defaultProps = defaultProps222;
 var scheduler_view_spec_default = SchedulerView;
 
 // src/scheduler/scheduler.spec.tsx
-import { jsx as jsx641, jsxs as jsxs323 } from "react/jsx-runtime";
+import { jsx as jsx641, jsxs as jsxs322 } from "react/jsx-runtime";
 var SCHEDULER_CLASSNAME = "k-scheduler";
 var states232 = [];
 var options218 = {};
@@ -15757,7 +15757,7 @@ var Scheduler = (props) => {
     layout,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs323(
+  return /* @__PURE__ */ jsxs322(
     "div",
     {
       ...other,
@@ -15851,7 +15851,7 @@ import { jsx as jsx647 } from "react/jsx-runtime";
 import { jsx as jsx648 } from "react/jsx-runtime";
 
 // src/scheduler/scheduler-toolbar.spec.tsx
-import { Fragment as Fragment222, jsx as jsx649, jsxs as jsxs324 } from "react/jsx-runtime";
+import { Fragment as Fragment221, jsx as jsx649, jsxs as jsxs323 } from "react/jsx-runtime";
 
 // src/scheduler/scheduler-body.spec.tsx
 import { jsx as jsx650 } from "react/jsx-runtime";
@@ -15893,7 +15893,7 @@ SchedulerGroup.defaultProps = defaultProps224;
 SchedulerGroup.className = className46;
 
 // src/scheduler/scheduler-event.spec.tsx
-import { Fragment as Fragment223, jsx as jsx653, jsxs as jsxs325 } from "react/jsx-runtime";
+import { Fragment as Fragment222, jsx as jsx653, jsxs as jsxs324 } from "react/jsx-runtime";
 var className47 = "k-event";
 var states235 = [
   States.hover,
@@ -15904,7 +15904,7 @@ var options221 = {};
 var defaultProps225 = {
   resizable: "vertical",
   eventPrefix: /* @__PURE__ */ jsx653(Icon, { icon: "arrow-rotate-cw" }),
-  eventSuffix: /* @__PURE__ */ jsx653(Fragment223, { children: /* @__PURE__ */ jsx653("a", { href: "#", className: "k-link k-event-delete", children: /* @__PURE__ */ jsx653(Icon, { icon: "x" }) }) })
+  eventSuffix: /* @__PURE__ */ jsx653(Fragment222, { children: /* @__PURE__ */ jsx653("a", { href: "#", className: "k-link k-event-delete", children: /* @__PURE__ */ jsx653(Icon, { icon: "x" }) }) })
 };
 var SchedulerEvent = (props) => {
   const {
@@ -15919,7 +15919,7 @@ var SchedulerEvent = (props) => {
     eventSuffix = defaultProps225.eventSuffix,
     ...others
   } = props;
-  return /* @__PURE__ */ jsxs325(
+  return /* @__PURE__ */ jsxs324(
     "div",
     {
       ...others,
@@ -15940,14 +15940,14 @@ var SchedulerEvent = (props) => {
         /* @__PURE__ */ jsx653("span", { className: "k-event-actions", children: eventPrefix }),
         /* @__PURE__ */ jsx653("div", { children: props.children }),
         /* @__PURE__ */ jsx653("span", { className: "k-event-actions", children: eventSuffix }),
-        multiDay && /* @__PURE__ */ jsxs325(Fragment223, { children: [
+        multiDay && /* @__PURE__ */ jsxs324(Fragment222, { children: [
           /* @__PURE__ */ jsx653("span", { className: "k-event-top-actions", children: /* @__PURE__ */ jsx653(Icon, { icon: "caret-alt-up" }) }),
           /* @__PURE__ */ jsx653("span", { className: "k-event-bottom-actions", children: /* @__PURE__ */ jsx653(Icon, { icon: "caret-alt-down" }) })
         ] }),
-        resizable === "vertical" ? /* @__PURE__ */ jsxs325(Fragment223, { children: [
+        resizable === "vertical" ? /* @__PURE__ */ jsxs324(Fragment222, { children: [
           /* @__PURE__ */ jsx653("span", { className: "k-resize-handle k-resize-n" }),
           /* @__PURE__ */ jsx653("span", { className: "k-resize-handle k-resize-s" })
-        ] }) : resizable === "horizontal" && /* @__PURE__ */ jsxs325(Fragment223, { children: [
+        ] }) : resizable === "horizontal" && /* @__PURE__ */ jsxs324(Fragment222, { children: [
           /* @__PURE__ */ jsx653("span", { className: "k-resize-handle k-resize-w" }),
           /* @__PURE__ */ jsx653("span", { className: "k-resize-handle k-resize-e" })
         ] })
@@ -15961,7 +15961,7 @@ SchedulerEvent.defaultProps = defaultProps225;
 SchedulerEvent.className = className47;
 
 // src/scheduler/scheduler-task.spec.tsx
-import { jsx as jsx654, jsxs as jsxs326 } from "react/jsx-runtime";
+import { jsx as jsx654, jsxs as jsxs325 } from "react/jsx-runtime";
 var className48 = "k-task";
 var states236 = [];
 var options222 = {};
@@ -15976,7 +15976,7 @@ var SchedulerTask = (props) => {
     closable,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs326(
+  return /* @__PURE__ */ jsxs325(
     "div",
     {
       ...other,
@@ -15999,46 +15999,46 @@ SchedulerTask.defaultProps = defaultProps226;
 SchedulerTask.className = className48;
 
 // src/scheduler/templates/scheduler-week.tsx
-import { Fragment as Fragment224, jsx as jsx655, jsxs as jsxs327 } from "react/jsx-runtime";
+import { Fragment as Fragment223, jsx as jsx655, jsxs as jsxs326 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-month.tsx
-import { Fragment as Fragment225, jsx as jsx656, jsxs as jsxs328 } from "react/jsx-runtime";
+import { Fragment as Fragment224, jsx as jsx656, jsxs as jsxs327 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-timeline.tsx
-import { Fragment as Fragment226, jsx as jsx657, jsxs as jsxs329 } from "react/jsx-runtime";
+import { Fragment as Fragment225, jsx as jsx657, jsxs as jsxs328 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-agenda.tsx
-import { Fragment as Fragment227, jsx as jsx658, jsxs as jsxs330 } from "react/jsx-runtime";
+import { Fragment as Fragment226, jsx as jsx658, jsxs as jsxs329 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-flex-day.tsx
-import { Fragment as Fragment228, jsx as jsx659, jsxs as jsxs331 } from "react/jsx-runtime";
+import { Fragment as Fragment227, jsx as jsx659, jsxs as jsxs330 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-flex-week.tsx
-import { Fragment as Fragment229, jsx as jsx660, jsxs as jsxs332 } from "react/jsx-runtime";
+import { Fragment as Fragment228, jsx as jsx660, jsxs as jsxs331 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-flex-year.tsx
-import { Fragment as Fragment230, jsx as jsx661, jsxs as jsxs333 } from "react/jsx-runtime";
+import { Fragment as Fragment229, jsx as jsx661, jsxs as jsxs332 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-flex-month.tsx
-import { Fragment as Fragment231, jsx as jsx662, jsxs as jsxs334 } from "react/jsx-runtime";
+import { Fragment as Fragment230, jsx as jsx662, jsxs as jsxs333 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-flex-timeline.tsx
-import { Fragment as Fragment232, jsx as jsx663, jsxs as jsxs335 } from "react/jsx-runtime";
+import { Fragment as Fragment231, jsx as jsx663, jsxs as jsxs334 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-flex-agenda.tsx
-import { Fragment as Fragment233, jsx as jsx664, jsxs as jsxs336 } from "react/jsx-runtime";
+import { Fragment as Fragment232, jsx as jsx664, jsxs as jsxs335 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-horizontal-grouping.tsx
-import { Fragment as Fragment234, jsx as jsx665, jsxs as jsxs337 } from "react/jsx-runtime";
+import { Fragment as Fragment233, jsx as jsx665, jsxs as jsxs336 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-vertical-grouping.tsx
-import { Fragment as Fragment235, jsx as jsx666, jsxs as jsxs338 } from "react/jsx-runtime";
+import { Fragment as Fragment234, jsx as jsx666, jsxs as jsxs337 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-flex-horizontal-grouping.tsx
-import { Fragment as Fragment236, jsx as jsx667, jsxs as jsxs339 } from "react/jsx-runtime";
+import { Fragment as Fragment235, jsx as jsx667, jsxs as jsxs338 } from "react/jsx-runtime";
 
 // src/scheduler/templates/scheduler-flex-vertical-grouping.tsx
-import { Fragment as Fragment237, jsx as jsx668, jsxs as jsxs340 } from "react/jsx-runtime";
+import { Fragment as Fragment236, jsx as jsx668, jsxs as jsxs339 } from "react/jsx-runtime";
 
 // src/utils/templates/background/background-clip/border-clip.tsx
 import { jsx as jsx669 } from "react/jsx-runtime";
@@ -16053,355 +16053,355 @@ import { jsx as jsx671 } from "react/jsx-runtime";
 import { jsx as jsx672 } from "react/jsx-runtime";
 
 // src/utils/templates/background/background-color/color.tsx
-import { jsx as jsx673, jsxs as jsxs341 } from "react/jsx-runtime";
+import { jsx as jsx673, jsxs as jsxs340 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-color/all-sides.tsx
-import { jsx as jsx674, jsxs as jsxs342 } from "react/jsx-runtime";
+import { jsx as jsx674, jsxs as jsxs341 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-color/individual.tsx
-import { jsx as jsx675, jsxs as jsxs343 } from "react/jsx-runtime";
+import { jsx as jsx675, jsxs as jsxs342 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-color/left-right.tsx
-import { jsx as jsx676, jsxs as jsxs344 } from "react/jsx-runtime";
+import { jsx as jsx676, jsxs as jsxs343 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-color/top-bottom.tsx
-import { jsx as jsx677, jsxs as jsxs345 } from "react/jsx-runtime";
+import { jsx as jsx677, jsxs as jsxs344 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-radius/corners.tsx
-import { jsx as jsx678, jsxs as jsxs346 } from "react/jsx-runtime";
+import { jsx as jsx678, jsxs as jsxs345 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-radius/no-rounding.tsx
-import { jsx as jsx679, jsxs as jsxs347 } from "react/jsx-runtime";
+import { jsx as jsx679, jsxs as jsxs346 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-radius/rounding.tsx
-import { jsx as jsx680, jsxs as jsxs348 } from "react/jsx-runtime";
+import { jsx as jsx680, jsxs as jsxs347 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-radius/sides.tsx
-import { jsx as jsx681, jsxs as jsxs349 } from "react/jsx-runtime";
+import { jsx as jsx681, jsxs as jsxs348 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-style/all-sides.tsx
-import { jsx as jsx682, jsxs as jsxs350 } from "react/jsx-runtime";
+import { jsx as jsx682, jsxs as jsxs349 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-style/individual.tsx
-import { jsx as jsx683, jsxs as jsxs351 } from "react/jsx-runtime";
+import { jsx as jsx683, jsxs as jsxs350 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-style/left-right.tsx
-import { jsx as jsx684, jsxs as jsxs352 } from "react/jsx-runtime";
+import { jsx as jsx684, jsxs as jsxs351 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-style/no-style.tsx
 import { jsx as jsx685 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-style/top-bottom.tsx
-import { jsx as jsx686, jsxs as jsxs353 } from "react/jsx-runtime";
+import { jsx as jsx686, jsxs as jsxs352 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-width/all-sides.tsx
-import { jsx as jsx687, jsxs as jsxs354 } from "react/jsx-runtime";
+import { jsx as jsx687, jsxs as jsxs353 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-width/individual.tsx
-import { jsx as jsx688, jsxs as jsxs355 } from "react/jsx-runtime";
+import { jsx as jsx688, jsxs as jsxs354 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-width/left-right.tsx
-import { jsx as jsx689, jsxs as jsxs356 } from "react/jsx-runtime";
+import { jsx as jsx689, jsxs as jsxs355 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/border-width/top-bottom.tsx
-import { jsx as jsx690, jsxs as jsxs357 } from "react/jsx-runtime";
+import { jsx as jsx690, jsxs as jsxs356 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/outline-color/all-sides.tsx
 import { jsx as jsx691 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/outline-offset/all-sides.tsx
-import { jsx as jsx692, jsxs as jsxs358 } from "react/jsx-runtime";
+import { jsx as jsx692, jsxs as jsxs357 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/outline-offset/no-offset.tsx
 import { jsx as jsx693 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/outline-style/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/outline-style/no-style.tsx
 import { jsx as jsx695 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/outline-width/all-sides.tsx
-import { jsx as jsx696, jsxs as jsxs360 } from "react/jsx-runtime";
+import { jsx as jsx696, jsxs as jsxs359 } from "react/jsx-runtime";
 
 // src/utils/templates/borders/outline-width/no-width.tsx
 import { jsx as jsx697 } from "react/jsx-runtime";
 
 // src/utils/templates/effects/opacity/applying.tsx
-import { jsx as jsx698, jsxs as jsxs361 } from "react/jsx-runtime";
+import { jsx as jsx698, jsxs as jsxs360 } from "react/jsx-runtime";
 
 // src/utils/templates/filters/backdrop-blur/applying.tsx
-import { Fragment as Fragment238, jsx as jsx699, jsxs as jsxs362 } from "react/jsx-runtime";
+import { Fragment as Fragment237, jsx as jsx699, jsxs as jsxs361 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-content/around.tsx
-import { jsx as jsx700, jsxs as jsxs363 } from "react/jsx-runtime";
+import { jsx as jsx700, jsxs as jsxs362 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-content/between.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/flex-grid/align-content/center.tsx
-import { jsx as jsx702, jsxs as jsxs365 } from "react/jsx-runtime";
+import { jsx as jsx702, jsxs as jsxs364 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-content/end.tsx
-import { jsx as jsx703, jsxs as jsxs366 } from "react/jsx-runtime";
+import { jsx as jsx703, jsxs as jsxs365 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-content/evenly.tsx
-import { jsx as jsx704, jsxs as jsxs367 } from "react/jsx-runtime";
+import { jsx as jsx704, jsxs as jsxs366 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-content/normal.tsx
-import { jsx as jsx705, jsxs as jsxs368 } from "react/jsx-runtime";
+import { jsx as jsx705, jsxs as jsxs367 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-content/start.tsx
-import { jsx as jsx706, jsxs as jsxs369 } from "react/jsx-runtime";
+import { jsx as jsx706, jsxs as jsxs368 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-content/stretch.tsx
-import { jsx as jsx707, jsxs as jsxs370 } from "react/jsx-runtime";
+import { jsx as jsx707, jsxs as jsxs369 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-items/baseline.tsx
-import { jsx as jsx708, jsxs as jsxs371 } from "react/jsx-runtime";
+import { jsx as jsx708, jsxs as jsxs370 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-items/center.tsx
-import { jsx as jsx709, jsxs as jsxs372 } from "react/jsx-runtime";
+import { jsx as jsx709, jsxs as jsxs371 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-items/end.tsx
-import { jsx as jsx710, jsxs as jsxs373 } from "react/jsx-runtime";
+import { jsx as jsx710, jsxs as jsxs372 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-items/start.tsx
-import { jsx as jsx711, jsxs as jsxs374 } from "react/jsx-runtime";
+import { jsx as jsx711, jsxs as jsxs373 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-items/stretch.tsx
-import { jsx as jsx712, jsxs as jsxs375 } from "react/jsx-runtime";
+import { jsx as jsx712, jsxs as jsxs374 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-self/baseline.tsx
-import { jsx as jsx713, jsxs as jsxs376 } from "react/jsx-runtime";
+import { jsx as jsx713, jsxs as jsxs375 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-self/center.tsx
-import { jsx as jsx714, jsxs as jsxs377 } from "react/jsx-runtime";
+import { jsx as jsx714, jsxs as jsxs376 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-self/end.tsx
-import { jsx as jsx715, jsxs as jsxs378 } from "react/jsx-runtime";
+import { jsx as jsx715, jsxs as jsxs377 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-self/start.tsx
-import { jsx as jsx716, jsxs as jsxs379 } from "react/jsx-runtime";
+import { jsx as jsx716, jsxs as jsxs378 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/align-self/stretch.tsx
-import { jsx as jsx717, jsxs as jsxs380 } from "react/jsx-runtime";
+import { jsx as jsx717, jsxs as jsxs379 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex/auto.tsx
-import { jsx as jsx718, jsxs as jsxs381 } from "react/jsx-runtime";
+import { jsx as jsx718, jsxs as jsxs380 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex/flex-1.tsx
-import { jsx as jsx719, jsxs as jsxs382 } from "react/jsx-runtime";
+import { jsx as jsx719, jsxs as jsxs381 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex/initial.tsx
-import { jsx as jsx720, jsxs as jsxs383 } from "react/jsx-runtime";
+import { jsx as jsx720, jsxs as jsxs382 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex/none.tsx
-import { jsx as jsx721, jsxs as jsxs384 } from "react/jsx-runtime";
+import { jsx as jsx721, jsxs as jsxs383 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-basis/auto.tsx
-import { jsx as jsx722, jsxs as jsxs385 } from "react/jsx-runtime";
+import { jsx as jsx722, jsxs as jsxs384 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-basis/size.tsx
-import { jsx as jsx723, jsxs as jsxs386 } from "react/jsx-runtime";
+import { jsx as jsx723, jsxs as jsxs385 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-direction/column-reverse.tsx
-import { jsx as jsx724, jsxs as jsxs387 } from "react/jsx-runtime";
+import { jsx as jsx724, jsxs as jsxs386 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-direction/column.tsx
-import { jsx as jsx725, jsxs as jsxs388 } from "react/jsx-runtime";
+import { jsx as jsx725, jsxs as jsxs387 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-direction/row-reverse.tsx
-import { jsx as jsx726, jsxs as jsxs389 } from "react/jsx-runtime";
+import { jsx as jsx726, jsxs as jsxs388 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-direction/row.tsx
-import { jsx as jsx727, jsxs as jsxs390 } from "react/jsx-runtime";
+import { jsx as jsx727, jsxs as jsxs389 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-grow/grow-0.tsx
-import { jsx as jsx728, jsxs as jsxs391 } from "react/jsx-runtime";
+import { jsx as jsx728, jsxs as jsxs390 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-grow/grow-1.tsx
-import { jsx as jsx729, jsxs as jsxs392 } from "react/jsx-runtime";
+import { jsx as jsx729, jsxs as jsxs391 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-srink/shrink-0.tsx
-import { jsx as jsx730, jsxs as jsxs393 } from "react/jsx-runtime";
+import { jsx as jsx730, jsxs as jsxs392 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-srink/shrink-1.tsx
-import { jsx as jsx731, jsxs as jsxs394 } from "react/jsx-runtime";
+import { jsx as jsx731, jsxs as jsxs393 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-wrap/nowrap.tsx
-import { jsx as jsx732, jsxs as jsxs395 } from "react/jsx-runtime";
+import { jsx as jsx732, jsxs as jsxs394 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-wrap/wrap-reverse.tsx
-import { jsx as jsx733, jsxs as jsxs396 } from "react/jsx-runtime";
+import { jsx as jsx733, jsxs as jsxs395 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/flex-wrap/wrap.tsx
-import { jsx as jsx734, jsxs as jsxs397 } from "react/jsx-runtime";
+import { jsx as jsx734, jsxs as jsxs396 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/gap/size-x-y.tsx
-import { jsx as jsx735, jsxs as jsxs398 } from "react/jsx-runtime";
+import { jsx as jsx735, jsxs as jsxs397 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/gap/size.tsx
-import { jsx as jsx736, jsxs as jsxs399 } from "react/jsx-runtime";
+import { jsx as jsx736, jsxs as jsxs398 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-cols/auto.tsx
-import { jsx as jsx737, jsxs as jsxs400 } from "react/jsx-runtime";
+import { jsx as jsx737, jsxs as jsxs399 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-cols/fr.tsx
-import { jsx as jsx738, jsxs as jsxs401 } from "react/jsx-runtime";
+import { jsx as jsx738, jsxs as jsxs400 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-cols/max.tsx
-import { jsx as jsx739, jsxs as jsxs402 } from "react/jsx-runtime";
+import { jsx as jsx739, jsxs as jsxs401 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-cols/min.tsx
-import { jsx as jsx740, jsxs as jsxs403 } from "react/jsx-runtime";
+import { jsx as jsx740, jsxs as jsxs402 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-flow/column.tsx
-import { jsx as jsx741, jsxs as jsxs404 } from "react/jsx-runtime";
+import { jsx as jsx741, jsxs as jsxs403 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-flow/dense.tsx
-import { jsx as jsx742, jsxs as jsxs405 } from "react/jsx-runtime";
+import { jsx as jsx742, jsxs as jsxs404 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-flow/row.tsx
-import { jsx as jsx743, jsxs as jsxs406 } from "react/jsx-runtime";
+import { jsx as jsx743, jsxs as jsxs405 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-rows/auto.tsx
-import { jsx as jsx744, jsxs as jsxs407 } from "react/jsx-runtime";
+import { jsx as jsx744, jsxs as jsxs406 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-rows/fr.tsx
-import { jsx as jsx745, jsxs as jsxs408 } from "react/jsx-runtime";
+import { jsx as jsx745, jsxs as jsxs407 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-auto-rows/min.tsx
-import { jsx as jsx746, jsxs as jsxs409 } from "react/jsx-runtime";
+import { jsx as jsx746, jsxs as jsxs408 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-col-start-end/start-end-n.tsx
-import { jsx as jsx747, jsxs as jsxs410 } from "react/jsx-runtime";
+import { jsx as jsx747, jsxs as jsxs409 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-row-start-end/start-end-n.tsx
-import { jsx as jsx748, jsxs as jsxs411 } from "react/jsx-runtime";
+import { jsx as jsx748, jsxs as jsxs410 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-template-cols/integer.tsx
-import { jsx as jsx749, jsxs as jsxs412 } from "react/jsx-runtime";
+import { jsx as jsx749, jsxs as jsxs411 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/grid-template-rows/integer.tsx
-import { jsx as jsx750, jsxs as jsxs413 } from "react/jsx-runtime";
+import { jsx as jsx750, jsxs as jsxs412 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-content/around.tsx
-import { jsx as jsx751, jsxs as jsxs414 } from "react/jsx-runtime";
+import { jsx as jsx751, jsxs as jsxs413 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-content/between.tsx
-import { jsx as jsx752, jsxs as jsxs415 } from "react/jsx-runtime";
+import { jsx as jsx752, jsxs as jsxs414 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-content/center.tsx
-import { jsx as jsx753, jsxs as jsxs416 } from "react/jsx-runtime";
+import { jsx as jsx753, jsxs as jsxs415 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-content/end.tsx
-import { jsx as jsx754, jsxs as jsxs417 } from "react/jsx-runtime";
+import { jsx as jsx754, jsxs as jsxs416 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-content/evenly.tsx
-import { jsx as jsx755, jsxs as jsxs418 } from "react/jsx-runtime";
+import { jsx as jsx755, jsxs as jsxs417 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-content/normal.tsx
-import { jsx as jsx756, jsxs as jsxs419 } from "react/jsx-runtime";
+import { jsx as jsx756, jsxs as jsxs418 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-content/start.tsx
-import { jsx as jsx757, jsxs as jsxs420 } from "react/jsx-runtime";
+import { jsx as jsx757, jsxs as jsxs419 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-content/stretch.tsx
-import { jsx as jsx758, jsxs as jsxs421 } from "react/jsx-runtime";
+import { jsx as jsx758, jsxs as jsxs420 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-items/center.tsx
-import { jsx as jsx759, jsxs as jsxs422 } from "react/jsx-runtime";
+import { jsx as jsx759, jsxs as jsxs421 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-items/end.tsx
-import { jsx as jsx760, jsxs as jsxs423 } from "react/jsx-runtime";
+import { jsx as jsx760, jsxs as jsxs422 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-items/start.tsx
-import { jsx as jsx761, jsxs as jsxs424 } from "react/jsx-runtime";
+import { jsx as jsx761, jsxs as jsxs423 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-items/stretch.tsx
-import { jsx as jsx762, jsxs as jsxs425 } from "react/jsx-runtime";
+import { jsx as jsx762, jsxs as jsxs424 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-self/center.tsx
-import { jsx as jsx763, jsxs as jsxs426 } from "react/jsx-runtime";
+import { jsx as jsx763, jsxs as jsxs425 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-self/end.tsx
-import { jsx as jsx764, jsxs as jsxs427 } from "react/jsx-runtime";
+import { jsx as jsx764, jsxs as jsxs426 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-self/start.tsx
-import { jsx as jsx765, jsxs as jsxs428 } from "react/jsx-runtime";
+import { jsx as jsx765, jsxs as jsxs427 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/justify-self/stretch.tsx
-import { jsx as jsx766, jsxs as jsxs429 } from "react/jsx-runtime";
+import { jsx as jsx766, jsxs as jsxs428 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/order/first.tsx
-import { jsx as jsx767, jsxs as jsxs430 } from "react/jsx-runtime";
+import { jsx as jsx767, jsxs as jsxs429 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/order/integer.tsx
-import { jsx as jsx768, jsxs as jsxs431 } from "react/jsx-runtime";
+import { jsx as jsx768, jsxs as jsxs430 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/order/last.tsx
-import { jsx as jsx769, jsxs as jsxs432 } from "react/jsx-runtime";
+import { jsx as jsx769, jsxs as jsxs431 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-content/around.tsx
-import { jsx as jsx770, jsxs as jsxs433 } from "react/jsx-runtime";
+import { jsx as jsx770, jsxs as jsxs432 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-content/between.tsx
-import { jsx as jsx771, jsxs as jsxs434 } from "react/jsx-runtime";
+import { jsx as jsx771, jsxs as jsxs433 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-content/center.tsx
-import { jsx as jsx772, jsxs as jsxs435 } from "react/jsx-runtime";
+import { jsx as jsx772, jsxs as jsxs434 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-content/end.tsx
-import { jsx as jsx773, jsxs as jsxs436 } from "react/jsx-runtime";
+import { jsx as jsx773, jsxs as jsxs435 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-content/evenly.tsx
-import { jsx as jsx774, jsxs as jsxs437 } from "react/jsx-runtime";
+import { jsx as jsx774, jsxs as jsxs436 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-content/normal.tsx
-import { jsx as jsx775, jsxs as jsxs438 } from "react/jsx-runtime";
+import { jsx as jsx775, jsxs as jsxs437 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-content/start.tsx
-import { jsx as jsx776, jsxs as jsxs439 } from "react/jsx-runtime";
+import { jsx as jsx776, jsxs as jsxs438 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-content/stretch.tsx
-import { jsx as jsx777, jsxs as jsxs440 } from "react/jsx-runtime";
+import { jsx as jsx777, jsxs as jsxs439 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-items/center.tsx
-import { jsx as jsx778, jsxs as jsxs441 } from "react/jsx-runtime";
+import { jsx as jsx778, jsxs as jsxs440 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-items/end.tsx
-import { jsx as jsx779, jsxs as jsxs442 } from "react/jsx-runtime";
+import { jsx as jsx779, jsxs as jsxs441 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-items/start.tsx
-import { jsx as jsx780, jsxs as jsxs443 } from "react/jsx-runtime";
+import { jsx as jsx780, jsxs as jsxs442 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-items/stretch.tsx
-import { jsx as jsx781, jsxs as jsxs444 } from "react/jsx-runtime";
+import { jsx as jsx781, jsxs as jsxs443 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-self/center.tsx
-import { jsx as jsx782, jsxs as jsxs445 } from "react/jsx-runtime";
+import { jsx as jsx782, jsxs as jsxs444 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-self/end.tsx
-import { jsx as jsx783, jsxs as jsxs446 } from "react/jsx-runtime";
+import { jsx as jsx783, jsxs as jsxs445 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-self/start.tsx
-import { jsx as jsx784, jsxs as jsxs447 } from "react/jsx-runtime";
+import { jsx as jsx784, jsxs as jsxs446 } from "react/jsx-runtime";
 
 // src/utils/templates/flex-grid/place-self/stretch.tsx
-import { jsx as jsx785, jsxs as jsxs448 } from "react/jsx-runtime";
+import { jsx as jsx785, jsxs as jsxs447 } from "react/jsx-runtime";
 
 // src/utils/templates/interactivity/appearance/applying.tsx
-import { jsx as jsx786, jsxs as jsxs449 } from "react/jsx-runtime";
+import { jsx as jsx786, jsxs as jsxs448 } from "react/jsx-runtime";
 
 // src/utils/templates/interactivity/appearance/none.tsx
-import { jsx as jsx787, jsxs as jsxs450 } from "react/jsx-runtime";
+import { jsx as jsx787, jsxs as jsxs449 } from "react/jsx-runtime";
 
 // src/utils/templates/interactivity/cursor/applying.tsx
-import { jsx as jsx788, jsxs as jsxs451 } from "react/jsx-runtime";
+import { jsx as jsx788, jsxs as jsxs450 } from "react/jsx-runtime";
 
 // src/utils/templates/interactivity/pointer-events/applying.tsx
-import { jsx as jsx789, jsxs as jsxs452 } from "react/jsx-runtime";
+import { jsx as jsx789, jsxs as jsxs451 } from "react/jsx-runtime";
 
 // src/utils/templates/interactivity/resize/all-directions.tsx
 import { jsx as jsx790 } from "react/jsx-runtime";
@@ -16455,43 +16455,43 @@ import { jsx as jsx805 } from "react/jsx-runtime";
 import { jsx as jsx806 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/clear/both.tsx
-import { jsx as jsx807, jsxs as jsxs453 } from "react/jsx-runtime";
+import { jsx as jsx807, jsxs as jsxs452 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/clear/left.tsx
-import { jsx as jsx808, jsxs as jsxs454 } from "react/jsx-runtime";
+import { jsx as jsx808, jsxs as jsxs453 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/clear/no-clear.tsx
-import { jsx as jsx809, jsxs as jsxs455 } from "react/jsx-runtime";
+import { jsx as jsx809, jsxs as jsxs454 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/clear/right.tsx
-import { jsx as jsx810, jsxs as jsxs456 } from "react/jsx-runtime";
+import { jsx as jsx810, jsxs as jsxs455 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/columns/automatic.tsx
-import { jsx as jsx811, jsxs as jsxs457 } from "react/jsx-runtime";
+import { jsx as jsx811, jsxs as jsxs456 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/columns/count.tsx
-import { jsx as jsx812, jsxs as jsxs458 } from "react/jsx-runtime";
+import { jsx as jsx812, jsxs as jsxs457 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/display/block.tsx
-import { jsx as jsx813, jsxs as jsxs459 } from "react/jsx-runtime";
+import { jsx as jsx813, jsxs as jsxs458 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/display/flex.tsx
-import { jsx as jsx814, jsxs as jsxs460 } from "react/jsx-runtime";
+import { jsx as jsx814, jsxs as jsxs459 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/display/inline.tsx
-import { jsx as jsx815, jsxs as jsxs461 } from "react/jsx-runtime";
+import { jsx as jsx815, jsxs as jsxs460 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/display/none.tsx
-import { Fragment as Fragment239, jsx as jsx816, jsxs as jsxs462 } from "react/jsx-runtime";
+import { Fragment as Fragment238, jsx as jsx816, jsxs as jsxs461 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/float/left.tsx
-import { jsx as jsx817, jsxs as jsxs463 } from "react/jsx-runtime";
+import { jsx as jsx817, jsxs as jsxs462 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/float/no-float.tsx
-import { jsx as jsx818, jsxs as jsxs464 } from "react/jsx-runtime";
+import { jsx as jsx818, jsxs as jsxs463 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/float/right.tsx
-import { jsx as jsx819, jsxs as jsxs465 } from "react/jsx-runtime";
+import { jsx as jsx819, jsxs as jsxs464 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/object-fit/contain.tsx
 import { jsx as jsx820 } from "react/jsx-runtime";
@@ -16506,7 +16506,7 @@ import { jsx as jsx822 } from "react/jsx-runtime";
 import { jsx as jsx823 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/object-position/position.tsx
-import { jsx as jsx824, jsxs as jsxs466 } from "react/jsx-runtime";
+import { jsx as jsx824, jsxs as jsxs465 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/overflow/hidden.tsx
 import { jsx as jsx825 } from "react/jsx-runtime";
@@ -16521,22 +16521,22 @@ import { jsx as jsx827 } from "react/jsx-runtime";
 import { jsx as jsx828 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/placement/multiple.tsx
-import { jsx as jsx829, jsxs as jsxs467 } from "react/jsx-runtime";
+import { jsx as jsx829, jsxs as jsxs466 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/placement/single.tsx
-import { jsx as jsx830, jsxs as jsxs468 } from "react/jsx-runtime";
+import { jsx as jsx830, jsxs as jsxs467 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/position/applying.tsx
-import { jsx as jsx831, jsxs as jsxs469 } from "react/jsx-runtime";
+import { jsx as jsx831, jsxs as jsxs468 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/visibility/invisible.tsx
-import { jsx as jsx832, jsxs as jsxs470 } from "react/jsx-runtime";
+import { jsx as jsx832, jsxs as jsxs469 } from "react/jsx-runtime";
 
 // src/utils/templates/layout/z-index/applying.tsx
-import { Fragment as Fragment240, jsx as jsx833, jsxs as jsxs471 } from "react/jsx-runtime";
+import { Fragment as Fragment239, jsx as jsx833, jsxs as jsxs470 } from "react/jsx-runtime";
 
 // src/utils/templates/sizing/height/fixed.tsx
-import { jsx as jsx834, jsxs as jsxs472 } from "react/jsx-runtime";
+import { jsx as jsx834, jsxs as jsxs471 } from "react/jsx-runtime";
 
 // src/utils/templates/sizing/height/full.tsx
 import { jsx as jsx835 } from "react/jsx-runtime";
@@ -16551,7 +16551,7 @@ import { jsx as jsx837 } from "react/jsx-runtime";
 import { jsx as jsx838 } from "react/jsx-runtime";
 
 // src/utils/templates/sizing/width/fixed.tsx
-import { jsx as jsx839, jsxs as jsxs473 } from "react/jsx-runtime";
+import { jsx as jsx839, jsxs as jsxs472 } from "react/jsx-runtime";
 
 // src/utils/templates/sizing/width/full.tsx
 import { jsx as jsx840 } from "react/jsx-runtime";
@@ -16569,7 +16569,7 @@ import { jsx as jsx843 } from "react/jsx-runtime";
 import { jsx as jsx844 } from "react/jsx-runtime";
 
 // src/utils/templates/spacing/margin/single.tsx
-import { Fragment as Fragment241, jsx as jsx845, jsxs as jsxs474 } from "react/jsx-runtime";
+import { Fragment as Fragment240, jsx as jsx845, jsxs as jsxs473 } from "react/jsx-runtime";
 
 // src/utils/templates/spacing/margin/x.tsx
 import { jsx as jsx846 } from "react/jsx-runtime";
@@ -16581,7 +16581,7 @@ import { jsx as jsx847 } from "react/jsx-runtime";
 import { jsx as jsx848 } from "react/jsx-runtime";
 
 // src/utils/templates/spacing/padding/single.tsx
-import { Fragment as Fragment242, jsx as jsx849, jsxs as jsxs475 } from "react/jsx-runtime";
+import { Fragment as Fragment241, jsx as jsx849, jsxs as jsxs474 } from "react/jsx-runtime";
 
 // src/utils/templates/spacing/padding/x.tsx
 import { jsx as jsx850 } from "react/jsx-runtime";
@@ -16590,58 +16590,58 @@ import { jsx as jsx850 } from "react/jsx-runtime";
 import { jsx as jsx851 } from "react/jsx-runtime";
 
 // src/utils/templates/svg/fill/color.tsx
-import { Fragment as Fragment243, jsx as jsx852, jsxs as jsxs476 } from "react/jsx-runtime";
+import { Fragment as Fragment242, jsx as jsx852, jsxs as jsxs475 } from "react/jsx-runtime";
 
 // src/utils/templates/svg/stroke/color.tsx
-import { Fragment as Fragment244, jsx as jsx853, jsxs as jsxs477 } from "react/jsx-runtime";
+import { Fragment as Fragment243, jsx as jsx853, jsxs as jsxs476 } from "react/jsx-runtime";
 
 // src/utils/templates/table/border-collapse/collapse.tsx
-import { jsx as jsx854, jsxs as jsxs478 } from "react/jsx-runtime";
+import { jsx as jsx854, jsxs as jsxs477 } from "react/jsx-runtime";
 
 // src/utils/templates/table/border-collapse/separate.tsx
-import { jsx as jsx855, jsxs as jsxs479 } from "react/jsx-runtime";
+import { jsx as jsx855, jsxs as jsxs478 } from "react/jsx-runtime";
 
 // src/utils/templates/table/table-layout/auto.tsx
-import { jsx as jsx856, jsxs as jsxs480 } from "react/jsx-runtime";
+import { jsx as jsx856, jsxs as jsxs479 } from "react/jsx-runtime";
 
 // src/utils/templates/table/table-layout/fixed.tsx
-import { jsx as jsx857, jsxs as jsxs481 } from "react/jsx-runtime";
+import { jsx as jsx857, jsxs as jsxs480 } from "react/jsx-runtime";
 
 // src/utils/templates/transform/flip/horizontal.tsx
-import { jsx as jsx858, jsxs as jsxs482 } from "react/jsx-runtime";
+import { jsx as jsx858, jsxs as jsxs481 } from "react/jsx-runtime";
 
 // src/utils/templates/transform/flip/vertical.tsx
-import { jsx as jsx859, jsxs as jsxs483 } from "react/jsx-runtime";
+import { jsx as jsx859, jsxs as jsxs482 } from "react/jsx-runtime";
 
 // src/utils/templates/transform/origin/applying.tsx
-import { jsx as jsx860, jsxs as jsxs484 } from "react/jsx-runtime";
+import { jsx as jsx860, jsxs as jsxs483 } from "react/jsx-runtime";
 
 // src/utils/templates/transform/rotate/applying.tsx
-import { jsx as jsx861, jsxs as jsxs485 } from "react/jsx-runtime";
+import { jsx as jsx861, jsxs as jsxs484 } from "react/jsx-runtime";
 
 // src/utils/templates/transform/scale/applying.tsx
-import { jsx as jsx862, jsxs as jsxs486 } from "react/jsx-runtime";
+import { jsx as jsx862, jsxs as jsxs485 } from "react/jsx-runtime";
 
 // src/utils/templates/transform/skew/applying.tsx
-import { jsx as jsx863, jsxs as jsxs487 } from "react/jsx-runtime";
+import { jsx as jsx863, jsxs as jsxs486 } from "react/jsx-runtime";
 
 // src/utils/templates/transform/translate/applying.tsx
-import { jsx as jsx864, jsxs as jsxs488 } from "react/jsx-runtime";
+import { jsx as jsx864, jsxs as jsxs487 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/font-style/italic.tsx
 import { jsx as jsx865 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/font-weight/size.tsx
-import { Fragment as Fragment245, jsx as jsx866, jsxs as jsxs489 } from "react/jsx-runtime";
+import { Fragment as Fragment244, jsx as jsx866, jsxs as jsxs488 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/list-style-type/decimal.tsx
-import { jsx as jsx867, jsxs as jsxs490 } from "react/jsx-runtime";
+import { jsx as jsx867, jsxs as jsxs489 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/list-style-type/disc.tsx
-import { jsx as jsx868, jsxs as jsxs491 } from "react/jsx-runtime";
+import { jsx as jsx868, jsxs as jsxs490 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/list-style-type/none.tsx
-import { jsx as jsx869, jsxs as jsxs492 } from "react/jsx-runtime";
+import { jsx as jsx869, jsxs as jsxs491 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/text-align/center.tsx
 import { jsx as jsx870 } from "react/jsx-runtime";
@@ -16662,7 +16662,7 @@ import { jsx as jsx874 } from "react/jsx-runtime";
 import { jsx as jsx875 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/text-decoration/all.tsx
-import { Fragment as Fragment246, jsx as jsx876, jsxs as jsxs493 } from "react/jsx-runtime";
+import { Fragment as Fragment245, jsx as jsx876, jsxs as jsxs492 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/text-overflow/clip.tsx
 import { jsx as jsx877 } from "react/jsx-runtime";
@@ -16671,19 +16671,19 @@ import { jsx as jsx877 } from "react/jsx-runtime";
 import { jsx as jsx878 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/text-transform/all.tsx
-import { Fragment as Fragment247, jsx as jsx879, jsxs as jsxs494 } from "react/jsx-runtime";
+import { Fragment as Fragment246, jsx as jsx879, jsxs as jsxs493 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/vertical-align/baseline.tsx
-import { jsx as jsx880, jsxs as jsxs495 } from "react/jsx-runtime";
+import { jsx as jsx880, jsxs as jsxs494 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/vertical-align/bottom.tsx
-import { jsx as jsx881, jsxs as jsxs496 } from "react/jsx-runtime";
+import { jsx as jsx881, jsxs as jsxs495 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/vertical-align/center.tsx
-import { jsx as jsx882, jsxs as jsxs497 } from "react/jsx-runtime";
+import { jsx as jsx882, jsxs as jsxs496 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/vertical-align/top.tsx
-import { jsx as jsx883, jsxs as jsxs498 } from "react/jsx-runtime";
+import { jsx as jsx883, jsxs as jsxs497 } from "react/jsx-runtime";
 
 // src/utils/templates/typography/white-space/normal.tsx
 import { jsx as jsx884 } from "react/jsx-runtime";
@@ -16701,7 +16701,7 @@ import { jsx as jsx887 } from "react/jsx-runtime";
 import { jsx as jsx888 } from "react/jsx-runtime";
 
 // src/treelist/templates/treelist-normal.tsx
-import { jsx as jsx889, jsxs as jsxs499 } from "react/jsx-runtime";
+import { jsx as jsx889, jsxs as jsxs498 } from "react/jsx-runtime";
 
 // src/treelist/templates/treelist-with-column-menu.tsx
 import { jsx as jsx890 } from "react/jsx-runtime";
@@ -16710,30 +16710,30 @@ import { jsx as jsx890 } from "react/jsx-runtime";
 import { jsx as jsx891 } from "react/jsx-runtime";
 
 // src/treelist/templates/treelist-row-reordering.tsx
-import { jsx as jsx892, jsxs as jsxs500 } from "react/jsx-runtime";
+import { jsx as jsx892, jsxs as jsxs499 } from "react/jsx-runtime";
 
 // src/treelist/templates/treelist-aggregates.tsx
-import { jsx as jsx893, jsxs as jsxs501 } from "react/jsx-runtime";
+import { jsx as jsx893, jsxs as jsxs500 } from "react/jsx-runtime";
 
 // src/gantt/templates/gantt-normal.tsx
-import { jsx as jsx894, jsxs as jsxs502 } from "react/jsx-runtime";
+import { jsx as jsx894, jsxs as jsxs501 } from "react/jsx-runtime";
 
 // src/gantt/templates/gantt-row-reordering.tsx
-import { jsx as jsx895, jsxs as jsxs503 } from "react/jsx-runtime";
+import { jsx as jsx895, jsxs as jsxs502 } from "react/jsx-runtime";
 var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tablesWidth = "4200px", tablesHeight = "828px", currentTimeLeftOffset = "243px", ganttDependencies, menu, ...other }) => /* @__PURE__ */ jsx895(
   Gantt,
   {
-    headerToolbar: /* @__PURE__ */ jsxs503(GanttHeaderToolbar, { children: [
+    headerToolbar: /* @__PURE__ */ jsxs502(GanttHeaderToolbar, { children: [
       /* @__PURE__ */ jsx895(Button, { className: "k-gantt-toggle", icon: "layout-1-by-4" }),
       /* @__PURE__ */ jsx895(Button, { className: "k-gantt-create", icon: "plus", children: "Add Task" }),
       /* @__PURE__ */ jsx895("span", { className: "k-spacer" }),
-      /* @__PURE__ */ jsxs503("div", { className: "k-gantt-views-wrapper", children: [
-        /* @__PURE__ */ jsxs503("select", { className: "k-picker k-picker-solid k-dropdown-list k-dropdown k-views-dropdown k-rounded-md", children: [
+      /* @__PURE__ */ jsxs502("div", { className: "k-gantt-views-wrapper", children: [
+        /* @__PURE__ */ jsxs502("select", { className: "k-picker k-picker-solid k-dropdown-list k-dropdown k-views-dropdown k-rounded-md", children: [
           /* @__PURE__ */ jsx895("option", { value: "day", children: "Day" }),
           /* @__PURE__ */ jsx895("option", { value: "week", children: "Week" }),
           /* @__PURE__ */ jsx895("option", { value: "month", children: "Month" })
         ] }),
-        /* @__PURE__ */ jsxs503(ButtonGroup, { className: "k-gantt-views", children: [
+        /* @__PURE__ */ jsxs502(ButtonGroup, { className: "k-gantt-views", children: [
           /* @__PURE__ */ jsx895(Button, { className: "k-view-day k-group-start", children: "Day" }),
           /* @__PURE__ */ jsx895(Button, { className: "k-view-week", selected: true, children: "Week" }),
           /* @__PURE__ */ jsx895(Button, { className: "k-view-month k-group-end", children: "Month" })
@@ -16743,241 +16743,241 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
     footerToolbar: /* @__PURE__ */ jsx895(GanttFooterToolbar, { children: /* @__PURE__ */ jsx895(Button, { className: "k-gantt-create", icon: "plus", children: "Add Task" }) }),
     ...other,
     children: /* @__PURE__ */ jsx895(GanttContent, { children: other.children || /* @__PURE__ */ jsx895(Splitter, { className: "k-gantt-splitter", children: [
-      /* @__PURE__ */ jsx895(SplitterPane, { className: "k-gantt-treelist", flexBasis, children: /* @__PURE__ */ jsxs503(TreeList, { children: [
-        /* @__PURE__ */ jsx895(GridHeader, { children: /* @__PURE__ */ jsx895("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs503(GridHeaderTable, { style: { minWidth: "250px" }, children: [
-          /* @__PURE__ */ jsxs503("colgroup", { children: [
+      /* @__PURE__ */ jsx895(SplitterPane, { className: "k-gantt-treelist", flexBasis, children: /* @__PURE__ */ jsxs502(TreeList, { children: [
+        /* @__PURE__ */ jsx895(GridHeader, { children: /* @__PURE__ */ jsx895("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs502(GridHeaderTable, { style: { minWidth: "250px" }, children: [
+          /* @__PURE__ */ jsxs502("colgroup", { children: [
             /* @__PURE__ */ jsx895("col", { className: "k-drag-col" }),
             /* @__PURE__ */ jsx895("col", { style: { width: "50px" } }),
             /* @__PURE__ */ jsx895("col", {})
           ] }),
-          /* @__PURE__ */ jsx895(TableThead, { children: /* @__PURE__ */ jsxs503(TableRow, { children: [
+          /* @__PURE__ */ jsx895(TableThead, { children: /* @__PURE__ */ jsxs502(TableRow, { children: [
             /* @__PURE__ */ jsx895(GridHeaderCell, { className: "k-drag-cell" }),
             /* @__PURE__ */ jsx895(GridHeaderCell, { menu, rowspan: 1, columnTitle: "ID" }),
             /* @__PURE__ */ jsx895(GridHeaderCell, { menu, rowspan: 1, columnTitle: "Title" })
           ] }) })
         ] }) }) }),
-        /* @__PURE__ */ jsx895(GridContainer, { children: /* @__PURE__ */ jsx895(GridContent, { style: { height: gridContentHeight }, children: /* @__PURE__ */ jsxs503(GridTable, { className: "k-selectable", style: { minWidth: "250px" }, children: [
-          /* @__PURE__ */ jsxs503("colgroup", { children: [
+        /* @__PURE__ */ jsx895(GridContainer, { children: /* @__PURE__ */ jsx895(GridContent, { style: { height: gridContentHeight }, children: /* @__PURE__ */ jsxs502(GridTable, { className: "k-selectable", style: { minWidth: "250px" }, children: [
+          /* @__PURE__ */ jsxs502("colgroup", { children: [
             /* @__PURE__ */ jsx895("col", { className: "k-drag-col" }),
             /* @__PURE__ */ jsx895("col", { style: { width: "50px" } }),
             /* @__PURE__ */ jsx895("col", {})
           ] }),
-          /* @__PURE__ */ jsxs503(TableTbody, { children: [
-            /* @__PURE__ */ jsxs503(TableRow, { className: "k-treelist-group", children: [
+          /* @__PURE__ */ jsxs502(TableTbody, { children: [
+            /* @__PURE__ */ jsxs502(TableRow, { className: "k-treelist-group", children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "7" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
                 "Software validation, research and implementation"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { className: "k-alt", alt: true, children: [
+            /* @__PURE__ */ jsxs502(TableRow, { className: "k-alt", alt: true, children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "18" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 "Project Kickoff"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { className: "k-treelist-group", children: [
+            /* @__PURE__ */ jsxs502(TableRow, { className: "k-treelist-group", children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "11" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
                 "Research"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { className: "k-alt", alt: true, children: [
+            /* @__PURE__ */ jsxs502(TableRow, { className: "k-alt", alt: true, children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "19" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 "Validation with Customers"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { children: [
+            /* @__PURE__ */ jsxs502(TableRow, { children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "20" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 "Market Research"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { className: "k-alt", alt: true, children: [
+            /* @__PURE__ */ jsxs502(TableRow, { className: "k-alt", alt: true, children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "39" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 "Functional and Technical Specification"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { className: "k-treelist-group", children: [
+            /* @__PURE__ */ jsxs502(TableRow, { className: "k-treelist-group", children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "12" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
                 "Design"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { className: "k-alt", alt: true, children: [
+            /* @__PURE__ */ jsxs502(TableRow, { className: "k-alt", alt: true, children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "22" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 "UI Design"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { children: [
+            /* @__PURE__ */ jsxs502(TableRow, { children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "23" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 "HTML Prototype"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { className: "k-alt k-treelist-group", alt: true, children: [
+            /* @__PURE__ */ jsxs502(TableRow, { className: "k-alt k-treelist-group", alt: true, children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "13" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
                 "Implementation"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { children: [
+            /* @__PURE__ */ jsxs502(TableRow, { children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "24" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 "Prototype"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { className: "k-alt", alt: true, children: [
+            /* @__PURE__ */ jsxs502(TableRow, { className: "k-alt", alt: true, children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "26" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 "Architecture"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { children: [
+            /* @__PURE__ */ jsxs502(TableRow, { children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "27" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 "Data Layer"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { className: "k-alt", alt: true, children: [
+            /* @__PURE__ */ jsxs502(TableRow, { className: "k-alt", alt: true, children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "29" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 "UI and Interaction"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { children: [
+            /* @__PURE__ */ jsxs502(TableRow, { children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "28" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 "Unit Tests"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { className: "k-alt k-treelist-group", alt: true, children: [
+            /* @__PURE__ */ jsxs502(TableRow, { className: "k-alt k-treelist-group", alt: true, children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "14" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
                 "Testing"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { children: [
+            /* @__PURE__ */ jsxs502(TableRow, { children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "32" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 "Integration Testing"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { className: "k-alt", alt: true, children: [
+            /* @__PURE__ */ jsxs502(TableRow, { className: "k-alt", alt: true, children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "33" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 "Load Testing"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { className: "k-treelist-group", children: [
+            /* @__PURE__ */ jsxs502(TableRow, { className: "k-treelist-group", children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "30" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "caret-alt-down" }),
                 "Documentation"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { className: "k-alt", alt: true, children: [
+            /* @__PURE__ */ jsxs502(TableRow, { className: "k-alt", alt: true, children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "34" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 "Structure"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { children: [
+            /* @__PURE__ */ jsxs502(TableRow, { children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "35" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 "Articles"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { className: "k-alt k-treelist-group", alt: true, children: [
+            /* @__PURE__ */ jsxs502(TableRow, { className: "k-alt k-treelist-group", alt: true, children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "31" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "caret-alt-right" }),
                 "Demos"
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { children: [
+            /* @__PURE__ */ jsxs502(TableRow, { children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-drag-cell", children: /* @__PURE__ */ jsx895(Icon, { icon: "reorder" }) }),
               /* @__PURE__ */ jsx895(TableTd, { children: "17" }),
-              /* @__PURE__ */ jsxs503(TableTd, { children: [
+              /* @__PURE__ */ jsxs502(TableTd, { children: [
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 /* @__PURE__ */ jsx895(Icon, { className: "k-treelist-toggle", icon: "none" }),
                 "Release"
@@ -16986,9 +16986,9 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
           ] })
         ] }) }) })
       ] }) }, "gantt-treelist-pane"),
-      /* @__PURE__ */ jsx895(SplitterPane, { className: "k-gantt-timeline-pane", children: /* @__PURE__ */ jsxs503(Grid, { className: "k-gantt-timeline", children: [
-        /* @__PURE__ */ jsx895(GridHeader, { children: /* @__PURE__ */ jsx895("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs503(GridHeaderTable, { style: { width: tablesWidth }, children: [
-          /* @__PURE__ */ jsxs503("colgroup", { children: [
+      /* @__PURE__ */ jsx895(SplitterPane, { className: "k-gantt-timeline-pane", children: /* @__PURE__ */ jsxs502(Grid, { className: "k-gantt-timeline", children: [
+        /* @__PURE__ */ jsx895(GridHeader, { children: /* @__PURE__ */ jsx895("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ jsxs502(GridHeaderTable, { style: { width: tablesWidth }, children: [
+          /* @__PURE__ */ jsxs502("colgroup", { children: [
             /* @__PURE__ */ jsx895("col", {}),
             /* @__PURE__ */ jsx895("col", {}),
             /* @__PURE__ */ jsx895("col", {}),
@@ -17032,8 +17032,8 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
             /* @__PURE__ */ jsx895("col", {}),
             /* @__PURE__ */ jsx895("col", {})
           ] }),
-          /* @__PURE__ */ jsxs503(TableTbody, { children: [
-            /* @__PURE__ */ jsxs503(TableRow, { children: [
+          /* @__PURE__ */ jsxs502(TableTbody, { children: [
+            /* @__PURE__ */ jsxs502(TableRow, { children: [
               /* @__PURE__ */ jsx895(TableTd, { className: "k-header", colspan: 7, children: "Sun 6/01 - Sat 6/07" }),
               /* @__PURE__ */ jsx895(TableTd, { className: "k-header", colspan: 7, children: "Sun 6/08 - Sat 6/14" }),
               /* @__PURE__ */ jsx895(TableTd, { className: "k-header", colspan: 7, children: "Sun 6/15 - Sat 6/21" }),
@@ -17041,7 +17041,7 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
               /* @__PURE__ */ jsx895(TableTd, { className: "k-header", colspan: 7, children: "Sun 6/29 - Sat 7/05" }),
               /* @__PURE__ */ jsx895(TableTd, { className: "k-header", colspan: 7, children: "Sun 7/06 - Sat 7/12" })
             ] }),
-            /* @__PURE__ */ jsxs503(TableRow, { children: [
+            /* @__PURE__ */ jsxs502(TableRow, { children: [
               /* @__PURE__ */ jsx895(TableTd, { colspan: 1, className: "k-header k-nonwork-hour", children: "Sun 6/01" }),
               /* @__PURE__ */ jsx895(TableTd, { className: "k-header", colspan: 1, children: "Mon 6/02" }),
               /* @__PURE__ */ jsx895(TableTd, { className: "k-header", colspan: 1, children: "Tue 6/03" }),
@@ -17087,11 +17087,11 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
             ] })
           ] })
         ] }) }) }),
-        /* @__PURE__ */ jsxs503(GridContent, { style: { height: gridContentHeight }, children: [
-          /* @__PURE__ */ jsxs503(GanttTables, { children: [
-            /* @__PURE__ */ jsxs503(GanttRowsTable, { className: "k-grid-table", style: { width: tablesWidth }, children: [
+        /* @__PURE__ */ jsxs502(GridContent, { style: { height: gridContentHeight }, children: [
+          /* @__PURE__ */ jsxs502(GanttTables, { children: [
+            /* @__PURE__ */ jsxs502(GanttRowsTable, { className: "k-grid-table", style: { width: tablesWidth }, children: [
               /* @__PURE__ */ jsx895("colgroup", { children: /* @__PURE__ */ jsx895("col", {}) }),
-              /* @__PURE__ */ jsxs503(TableTbody, { children: [
+              /* @__PURE__ */ jsxs502(TableTbody, { children: [
                 /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, {}) }),
                 /* @__PURE__ */ jsx895(TableRow, { className: "k-alt", alt: true, children: /* @__PURE__ */ jsx895(TableTd, {}) }),
                 /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, {}) }),
@@ -17117,8 +17117,8 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
                 /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, {}) })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs503(GanttColumnsTable, { style: { width: tablesWidth, height: tablesHeight }, children: [
-              /* @__PURE__ */ jsxs503("colgroup", { children: [
+            /* @__PURE__ */ jsxs502(GanttColumnsTable, { style: { width: tablesWidth, height: tablesHeight }, children: [
+              /* @__PURE__ */ jsxs502("colgroup", { children: [
                 /* @__PURE__ */ jsx895("col", {}),
                 /* @__PURE__ */ jsx895("col", {}),
                 /* @__PURE__ */ jsx895("col", {}),
@@ -17162,7 +17162,7 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
                 /* @__PURE__ */ jsx895("col", {}),
                 /* @__PURE__ */ jsx895("col", {})
               ] }),
-              /* @__PURE__ */ jsx895(TableTbody, { children: /* @__PURE__ */ jsxs503(TableRow, { children: [
+              /* @__PURE__ */ jsx895(TableTbody, { children: /* @__PURE__ */ jsxs502(TableRow, { children: [
                 /* @__PURE__ */ jsx895(TableTd, { className: "k-nonwork-hour" }),
                 /* @__PURE__ */ jsx895(TableTd, {}),
                 /* @__PURE__ */ jsx895(TableTd, {}),
@@ -17207,26 +17207,26 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
                 /* @__PURE__ */ jsx895(TableTd, { className: "k-nonwork-hour" })
               ] }) })
             ] }),
-            /* @__PURE__ */ jsxs503(GanttTasksTable, { style: { width: tablesWidth }, children: [
+            /* @__PURE__ */ jsxs502(GanttTasksTable, { style: { width: tablesWidth }, children: [
               /* @__PURE__ */ jsx895("colgroup", { children: /* @__PURE__ */ jsx895("col", {}) }),
-              /* @__PURE__ */ jsxs503(TableTbody, { children: [
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { type: "summary", style: { left: "113px" }, children: [
+              /* @__PURE__ */ jsxs502(TableTbody, { children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { type: "summary", style: { left: "113px" }, children: [
                   /* @__PURE__ */ jsx895(GanttTask, { type: "summary", style: { width: "4000px" }, children: /* @__PURE__ */ jsx895("div", { className: "k-task-summary-progress", style: { width: "1720px" }, children: /* @__PURE__ */ jsx895("div", { className: "k-task-summary-complete", style: { width: "4000px" } }) }) }),
                   /* @__PURE__ */ jsx895(GanttTaskDot, {}),
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { type: "milestone", style: { left: "113px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { type: "milestone", style: { left: "113px" }, children: [
                   /* @__PURE__ */ jsx895(GanttTask, { type: "milestone" }),
                   /* @__PURE__ */ jsx895(GanttTaskDot, {}),
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { type: "summary", style: { left: "113px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { type: "summary", style: { left: "113px" }, children: [
                   /* @__PURE__ */ jsx895(GanttTask, { type: "summary", style: { width: "500px" }, children: /* @__PURE__ */ jsx895("div", { className: "k-task-summary-progress", style: { width: "215px" }, children: /* @__PURE__ */ jsx895("div", { className: "k-task-summary-complete", style: { width: "500px" } }) }) }),
                   /* @__PURE__ */ jsx895(GanttTaskDot, {}),
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { style: { left: "113px" }, children: [
-                  /* @__PURE__ */ jsxs503(GanttTask, { style: { width: "200px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { style: { left: "113px" }, children: [
+                  /* @__PURE__ */ jsxs502(GanttTask, { style: { width: "200px" }, children: [
                     /* @__PURE__ */ jsx895("div", { className: "k-task-complete", style: { width: "50px" } }),
                     /* @__PURE__ */ jsx895(GanttTaskContent, { content: "Validation with Customers" })
                   ] }),
@@ -17234,8 +17234,8 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } }),
                   /* @__PURE__ */ jsx895("div", { className: "k-task-draghandle", style: { left: "50px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { style: { left: "113px" }, children: [
-                  /* @__PURE__ */ jsxs503(GanttTask, { style: { width: "200px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { style: { left: "113px" }, children: [
+                  /* @__PURE__ */ jsxs502(GanttTask, { style: { width: "200px" }, children: [
                     /* @__PURE__ */ jsx895("div", { className: "k-task-complete", style: { width: "164px" } }),
                     /* @__PURE__ */ jsx895(GanttTaskContent, { content: "Market Research" })
                   ] }),
@@ -17243,8 +17243,8 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } }),
                   /* @__PURE__ */ jsx895("div", { className: "k-task-draghandle", style: { left: "164px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { style: { left: "313px" }, children: [
-                  /* @__PURE__ */ jsxs503(GanttTask, { style: { width: "300px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { style: { left: "313px" }, children: [
+                  /* @__PURE__ */ jsxs502(GanttTask, { style: { width: "300px" }, children: [
                     /* @__PURE__ */ jsx895("div", { className: "k-task-complete", style: { width: "69px" } }),
                     /* @__PURE__ */ jsx895(GanttTaskContent, { content: "Functional and Technical Specification" })
                   ] }),
@@ -17252,13 +17252,13 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } }),
                   /* @__PURE__ */ jsx895("div", { className: "k-task-draghandle", style: { left: "69px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { type: "summary", style: { left: "813px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { type: "summary", style: { left: "813px" }, children: [
                   /* @__PURE__ */ jsx895(GanttTask, { type: "summary", style: { width: "500px" }, children: /* @__PURE__ */ jsx895("div", { className: "k-task-summary-progress", style: { width: "300px" }, children: /* @__PURE__ */ jsx895("div", { className: "k-task-summary-complete", style: { width: "500px" } }) }) }),
                   /* @__PURE__ */ jsx895(GanttTaskDot, {}),
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { style: { left: "813px" }, children: [
-                  /* @__PURE__ */ jsxs503(GanttTask, { style: { width: "200px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { style: { left: "813px" }, children: [
+                  /* @__PURE__ */ jsxs502(GanttTask, { style: { width: "200px" }, children: [
                     /* @__PURE__ */ jsx895("div", { className: "k-task-complete", style: { width: "112px" } }),
                     /* @__PURE__ */ jsx895(GanttTaskContent, { content: "UI Design" })
                   ] }),
@@ -17266,8 +17266,8 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } }),
                   /* @__PURE__ */ jsx895("div", { className: "k-task-draghandle", style: { left: "112px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { style: { left: "1013px" }, children: [
-                  /* @__PURE__ */ jsxs503(GanttTask, { style: { width: "300px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { style: { left: "1013px" }, children: [
+                  /* @__PURE__ */ jsxs502(GanttTask, { style: { width: "300px" }, children: [
                     /* @__PURE__ */ jsx895("div", { className: "k-task-complete", style: { width: "192px" } }),
                     /* @__PURE__ */ jsx895(GanttTaskContent, { content: "HTML Prototype" })
                   ] }),
@@ -17275,13 +17275,13 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } }),
                   /* @__PURE__ */ jsx895("div", { className: "k-task-draghandle", style: { left: "192px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { type: "summary", style: { left: "1013px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { type: "summary", style: { left: "1013px" }, children: [
                   /* @__PURE__ */ jsx895(GanttTask, { type: "summary", style: { width: "2100px" }, children: /* @__PURE__ */ jsx895("div", { className: "k-task-summary-progress", style: { width: "1617px" }, children: /* @__PURE__ */ jsx895("div", { className: "k-task-summary-complete", style: { width: "2100px" } }) }) }),
                   /* @__PURE__ */ jsx895(GanttTaskDot, {}),
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { style: { left: "1013px" }, children: [
-                  /* @__PURE__ */ jsxs503(GanttTask, { style: { width: "600px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { style: { left: "1013px" }, children: [
+                  /* @__PURE__ */ jsxs502(GanttTask, { style: { width: "600px" }, children: [
                     /* @__PURE__ */ jsx895("div", { className: "k-task-complete", style: { width: "462px" } }),
                     /* @__PURE__ */ jsx895(GanttTaskContent, { content: "Prototype" })
                   ] }),
@@ -17289,8 +17289,8 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } }),
                   /* @__PURE__ */ jsx895("div", { className: "k-task-draghandle", style: { left: "462px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { style: { left: "1613px" }, children: [
-                  /* @__PURE__ */ jsxs503(GanttTask, { style: { width: "100px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { style: { left: "1613px" }, children: [
+                  /* @__PURE__ */ jsxs502(GanttTask, { style: { width: "100px" }, children: [
                     /* @__PURE__ */ jsx895("div", { className: "k-task-complete", style: { width: "82px" } }),
                     /* @__PURE__ */ jsx895(GanttTaskContent, { content: "Architecture" })
                   ] }),
@@ -17298,8 +17298,8 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } }),
                   /* @__PURE__ */ jsx895("div", { className: "k-task-draghandle", style: { left: "82px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { style: { left: "1713px" }, children: [
-                  /* @__PURE__ */ jsxs503(GanttTask, { style: { width: "600px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { style: { left: "1713px" }, children: [
+                  /* @__PURE__ */ jsxs502(GanttTask, { style: { width: "600px" }, children: [
                     /* @__PURE__ */ jsx895("div", { className: "k-task-complete", style: { width: "600px" } }),
                     /* @__PURE__ */ jsx895(GanttTaskContent, { content: "Data Layer" })
                   ] }),
@@ -17307,8 +17307,8 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } }),
                   /* @__PURE__ */ jsx895("div", { className: "k-task-draghandle", style: { left: "600px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { style: { left: "2613px" }, children: [
-                  /* @__PURE__ */ jsxs503(GanttTask, { style: { width: "500px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { style: { left: "2613px" }, children: [
+                  /* @__PURE__ */ jsxs502(GanttTask, { style: { width: "500px" }, children: [
                     /* @__PURE__ */ jsx895("div", { className: "k-task-complete", style: { width: "300px" } }),
                     /* @__PURE__ */ jsx895(GanttTaskContent, { content: "UI and Interaction" })
                   ] }),
@@ -17316,8 +17316,8 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } }),
                   /* @__PURE__ */ jsx895("div", { className: "k-task-draghandle", style: { left: "300px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { style: { left: "1713px" }, children: [
-                  /* @__PURE__ */ jsxs503(GanttTask, { style: { width: "900px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { style: { left: "1713px" }, children: [
+                  /* @__PURE__ */ jsxs502(GanttTask, { style: { width: "900px" }, children: [
                     /* @__PURE__ */ jsx895("div", { className: "k-task-complete", style: { width: "612px" } }),
                     /* @__PURE__ */ jsx895(GanttTaskContent, { content: "Unit Tests" })
                   ] }),
@@ -17325,13 +17325,13 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } }),
                   /* @__PURE__ */ jsx895("div", { className: "k-task-draghandle", style: { left: "612px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { type: "summary", style: { left: "2913px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { type: "summary", style: { left: "2913px" }, children: [
                   /* @__PURE__ */ jsx895(GanttTask, { type: "summary", style: { width: "500px" }, children: /* @__PURE__ */ jsx895("div", { className: "k-task-summary-progress", style: { width: "260px" }, children: /* @__PURE__ */ jsx895("div", { className: "k-task-summary-complete", style: { width: "500px" } }) }) }),
                   /* @__PURE__ */ jsx895(GanttTaskDot, {}),
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { style: { left: "2913px" }, children: [
-                  /* @__PURE__ */ jsxs503(GanttTask, { style: { width: "500px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { style: { left: "2913px" }, children: [
+                  /* @__PURE__ */ jsxs502(GanttTask, { style: { width: "500px" }, children: [
                     /* @__PURE__ */ jsx895("div", { className: "k-task-complete", style: { width: "470px" } }),
                     /* @__PURE__ */ jsx895(GanttTaskContent, { content: "Integration Testing" })
                   ] }),
@@ -17339,8 +17339,8 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } }),
                   /* @__PURE__ */ jsx895("div", { className: "k-task-draghandle", style: { left: "470px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { style: { left: "2913px" }, children: [
-                  /* @__PURE__ */ jsxs503(GanttTask, { style: { width: "500px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { style: { left: "2913px" }, children: [
+                  /* @__PURE__ */ jsxs502(GanttTask, { style: { width: "500px" }, children: [
                     /* @__PURE__ */ jsx895("div", { className: "k-task-complete", style: { width: "50px" } }),
                     /* @__PURE__ */ jsx895(GanttTaskContent, { content: "Load Testing" })
                   ] }),
@@ -17348,13 +17348,13 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } }),
                   /* @__PURE__ */ jsx895("div", { className: "k-task-draghandle", style: { left: "50px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { type: "summary", style: { left: "2213px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { type: "summary", style: { left: "2213px" }, children: [
                   /* @__PURE__ */ jsx895(GanttTask, { type: "summary", style: { width: "1200px" }, children: /* @__PURE__ */ jsx895("div", { className: "k-task-summary-progress", style: { width: "168px" }, children: /* @__PURE__ */ jsx895("div", { className: "k-task-summary-complete", style: { width: "1200px" } }) }) }),
                   /* @__PURE__ */ jsx895(GanttTaskDot, {}),
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { style: { left: "2213px" }, children: [
-                  /* @__PURE__ */ jsxs503(GanttTask, { style: { width: "300px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { style: { left: "2213px" }, children: [
+                  /* @__PURE__ */ jsxs502(GanttTask, { style: { width: "300px" }, children: [
                     /* @__PURE__ */ jsx895("div", { className: "k-task-complete", style: { width: "84px" } }),
                     /* @__PURE__ */ jsx895(GanttTaskContent, { content: "Structure" })
                   ] }),
@@ -17362,8 +17362,8 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } }),
                   /* @__PURE__ */ jsx895("div", { className: "k-task-draghandle", style: { left: "84px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { style: { left: "2513px" }, children: [
-                  /* @__PURE__ */ jsxs503(GanttTask, { style: { width: "900px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { style: { left: "2513px" }, children: [
+                  /* @__PURE__ */ jsxs502(GanttTask, { style: { width: "900px" }, children: [
                     /* @__PURE__ */ jsx895("div", { className: "k-task-complete", style: { width: "0px" } }),
                     /* @__PURE__ */ jsx895(GanttTaskContent, { content: "Articles" })
                   ] }),
@@ -17371,12 +17371,12 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } }),
                   /* @__PURE__ */ jsx895("div", { className: "k-task-draghandle", style: { left: "0px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { type: "summary", style: { left: "2913px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { type: "summary", style: { left: "2913px" }, children: [
                   /* @__PURE__ */ jsx895(GanttTask, { type: "summary", style: { width: "1200px" }, children: /* @__PURE__ */ jsx895("div", { className: "k-task-summary-progress", style: { width: "984px" }, children: /* @__PURE__ */ jsx895("div", { className: "k-task-summary-complete", style: { width: "1200px" } }) }) }),
                   /* @__PURE__ */ jsx895(GanttTaskDot, {}),
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } })
                 ] }) }) }),
-                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs503(GanttTaskWrap, { type: "milestone", style: { left: "4113px" }, children: [
+                /* @__PURE__ */ jsx895(TableRow, { children: /* @__PURE__ */ jsx895(TableTd, { children: /* @__PURE__ */ jsxs502(GanttTaskWrap, { type: "milestone", style: { left: "4113px" }, children: [
                   /* @__PURE__ */ jsx895(GanttTask, { type: "milestone" }),
                   /* @__PURE__ */ jsx895(GanttTaskDot, {}),
                   /* @__PURE__ */ jsx895(GanttTaskDot, { position: "end", style: { right: "0px" } })
@@ -17384,7 +17384,7 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
               ] })
             ] })
           ] }),
-          ganttDependencies || /* @__PURE__ */ jsxs503("div", { className: "k-gantt-dependencies", style: { width: tablesWidth }, children: [
+          ganttDependencies || /* @__PURE__ */ jsxs502("div", { className: "k-gantt-dependencies", style: { width: tablesWidth }, children: [
             /* @__PURE__ */ jsx895(GanttLine, { style: { left: "124.5px", top: "53px", width: "10px" } }),
             /* @__PURE__ */ jsx895(GanttLine, { orientation: "vertical", style: { left: "132.5px", top: "53px", height: "18px" } }),
             /* @__PURE__ */ jsx895(GanttLine, { style: { left: "103px", top: "71px", width: "31.5px" } }),
@@ -17475,8 +17475,8 @@ var GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530px", tabl
 );
 
 // src/gantt/tests/gantt-row-reordering.tsx
-import { Fragment as Fragment248, jsx as jsx896 } from "react/jsx-runtime";
-var gantt_row_reordering_default = () => /* @__PURE__ */ jsx896(Fragment248, { children: /* @__PURE__ */ jsx896("div", { id: "test-area", children: /* @__PURE__ */ jsx896(GanttRowReordering, {}) }) });
+import { Fragment as Fragment247, jsx as jsx896 } from "react/jsx-runtime";
+var gantt_row_reordering_default = () => /* @__PURE__ */ jsx896(Fragment247, { children: /* @__PURE__ */ jsx896("div", { id: "test-area", children: /* @__PURE__ */ jsx896(GanttRowReordering, {}) }) });
 export {
   gantt_row_reordering_default as default
 };