@progress/kendo-themes-html 6.4.0-dev.6 → 6.4.1-dev.0

package/dist/esm/list/tests/list.js

@@ -355,8 +355,14 @@ Checkbox.options = options3;
 Checkbox.className = CHECKBOX_CLASSNAME;
 Checkbox.defaultProps = defaultProps3;
 
+// src/checkbox/templates/checkbox-label.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+
+// src/checkbox/templates/checkbox-normal.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+
 // src/icon/font-icon.spec.tsx
-import { Fragment, jsx as jsx5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx7 } from "react/jsx-runtime";
 var FONTICON_CLASSNAME = `k-icon`;
 var states4 = [];
 var options4 = {
@@ -385,9 +391,9 @@ var FontIcon = (props) => {
     ...other
   } = props;
   if (!icon) {
-    return /* @__PURE__ */ jsx5(Fragment, {});
+    return /* @__PURE__ */ jsx7(Fragment2, {});
   }
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx7(
     "span",
     {
       ...other,
@@ -415,7 +421,7 @@ FontIcon.defaultProps = defaultProps4;
 var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
-import { Fragment as Fragment2, jsx as jsx6 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx8 } from "react/jsx-runtime";
 var SVGICON_CLASSNAME = `k-svg-icon`;
 var states5 = [];
 var options5 = {
@@ -447,10 +453,10 @@ var SvgIcon = (props) => {
     ...other
   } = props;
   if (!icon) {
-    return /* @__PURE__ */ jsx6(Fragment2, {});
+    return /* @__PURE__ */ jsx8(Fragment3, {});
   }
   if (icon === "none") {
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx8(
       "span",
       {
         ...other,
@@ -463,7 +469,7 @@ var SvgIcon = (props) => {
     );
   }
   const name = typeof icon === "object" && icon.name && icon.name;
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx8(
     "span",
     {
       ...other,
@@ -481,7 +487,7 @@ var SvgIcon = (props) => {
           "k-flip-v": flip === "v" || flip === "both"
         }
       ),
-      children: /* @__PURE__ */ jsx6(
+      children: /* @__PURE__ */ jsx8(
         "svg",
         {
           "aria-hidden": true,
@@ -4401,7 +4407,7 @@ var chartChoroplethIcon = {
 };
 
 // src/icon/icon.spec.tsx
-import { Fragment as Fragment3, jsx as jsx7 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx9 } from "react/jsx-runtime";
 var snakeToCamel = (str) => str.toLowerCase().replace(
   /([-_][a-z])/g,
   (group) => group.toUpperCase().replace("-", "").replace("_", "")
@@ -4438,26 +4444,26 @@ var Icon = (props) => {
     ...other
   } = props;
   if (!icon) {
-    return /* @__PURE__ */ jsx7(Fragment3, {});
+    return /* @__PURE__ */ jsx9(Fragment4, {});
   }
   if (type === "svg") {
     if (icon === "none") {
-      return /* @__PURE__ */ jsx7(svg_icon_spec_default, { ...other, icon, size });
+      return /* @__PURE__ */ jsx9(svg_icon_spec_default, { ...other, icon, size });
     }
     const iconSVG = snakeToCamel(`${icon}-icon`);
     if (!index_es_exports[iconSVG]) {
-      return /* @__PURE__ */ jsx7(Fragment3, {});
+      return /* @__PURE__ */ jsx9(Fragment4, {});
     }
-    return /* @__PURE__ */ jsx7(svg_icon_spec_default, { ...other, icon: index_es_exports[iconSVG], size, themeColor, rotate, flip, viewBox });
+    return /* @__PURE__ */ jsx9(svg_icon_spec_default, { ...other, icon: index_es_exports[iconSVG], size, themeColor, rotate, flip, viewBox });
   }
-  return /* @__PURE__ */ jsx7(font_icon_spec_default, { ...other, icon, size, themeColor, rotate, flip });
+  return /* @__PURE__ */ jsx9(font_icon_spec_default, { ...other, icon, size, themeColor, rotate, flip });
 };
 Icon.states = states6;
 Icon.options = options6;
 Icon.defaultProps = defaultProps6;
 
 // src/list/list-item.spec.tsx
-import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 var LISTITEM_CLASSNAME = `k-list-item`;
 var states7 = [
   States.hover,
@@ -4482,7 +4488,7 @@ var ListItem = (props) => {
     ...other
   } = props;
   const textOrChildren = text ? text : props.children;
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "li",
     {
       ...other,
@@ -4497,10 +4503,10 @@ var ListItem = (props) => {
         })
       ),
       children: [
-        showCheckbox && /* @__PURE__ */ jsx8(Checkbox, { checked }),
-        showIcon && /* @__PURE__ */ jsx8(Icon, { icon: iconName }),
-        /* @__PURE__ */ jsx8("span", { className: "k-list-item-text", children: textOrChildren }),
-        groupLabel && groupLabel !== "" && /* @__PURE__ */ jsx8("div", { className: "k-list-item-group-label", children: groupLabel })
+        showCheckbox && /* @__PURE__ */ jsx10(Checkbox, { checked }),
+        showIcon && /* @__PURE__ */ jsx10(Icon, { icon: iconName }),
+        /* @__PURE__ */ jsx10("span", { className: "k-list-item-text", children: textOrChildren }),
+        groupLabel && groupLabel !== "" && /* @__PURE__ */ jsx10("div", { className: "k-list-item-group-label", children: groupLabel })
       ]
     }
   );
@@ -4511,43 +4517,43 @@ ListItem.className = LISTITEM_CLASSNAME;
 ListItem.defaultProps = defaultProps7;
 
 // src/list/list-content.tsx
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 var className2 = `k-list-content`;
 var ListContent = (props) => {
   const {
     virtualization
   } = props;
-  return /* @__PURE__ */ jsxs4("div", { className: classNames(className2, props.className), children: [
-    /* @__PURE__ */ jsx9("ul", { className: classNames("k-list-ul"), children: props.children }),
-    virtualization && /* @__PURE__ */ jsx9("div", { className: "k-height-container", children: /* @__PURE__ */ jsx9("div", {}) })
+  return /* @__PURE__ */ jsxs5("div", { className: classNames(className2, props.className), children: [
+    /* @__PURE__ */ jsx11("ul", { className: classNames("k-list-ul"), children: props.children }),
+    virtualization && /* @__PURE__ */ jsx11("div", { className: "k-height-container", children: /* @__PURE__ */ jsx11("div", {}) })
   ] });
 };
 
 // src/list/list-header.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var className3 = `k-list-group-sticky-header`;
-var ListHeader = (props) => /* @__PURE__ */ jsx10("div", { className: classNames(className3, props.className), children: /* @__PURE__ */ jsx10("div", { className: "k-list-header-text", children: props.children }) });
+var ListHeader = (props) => /* @__PURE__ */ jsx12("div", { className: classNames(className3, props.className), children: /* @__PURE__ */ jsx12("div", { className: "k-list-header-text", children: props.children }) });
 
 // src/list/list-group.tsx
-import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 var ListGroup = (props) => {
   const {
     virtualization,
     label
   } = props;
-  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
-    label && /* @__PURE__ */ jsx11(ListHeader, { children: label }),
-    props.children && /* @__PURE__ */ jsx11(ListContent, { virtualization, children: props.children })
+  return /* @__PURE__ */ jsxs6(Fragment5, { children: [
+    label && /* @__PURE__ */ jsx13(ListHeader, { children: label }),
+    props.children && /* @__PURE__ */ jsx13(ListContent, { virtualization, children: props.children })
   ] });
 };
 
 // src/list/list-group-item.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var className4 = `k-list-group-item`;
-var ListGroupItem = (props) => /* @__PURE__ */ jsx12("li", { className: classNames(className4, props.className), children: /* @__PURE__ */ jsx12("span", { className: "k-list-item-text", children: props.children }) });
+var ListGroupItem = (props) => /* @__PURE__ */ jsx14("li", { className: classNames(className4, props.className), children: /* @__PURE__ */ jsx14("span", { className: "k-list-item-text", children: props.children }) });
 
 // src/list/list-option-label.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var LIST_OPTIONLABEL_CLASSNAME = `k-list-optionlabel`;
 var states8 = [
   States.hover,
@@ -4566,7 +4572,7 @@ var ListOptionLabel = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx15(
     "div",
     {
       ...other,
@@ -4589,67 +4595,67 @@ ListOptionLabel.className = LIST_OPTIONLABEL_CLASSNAME;
 ListOptionLabel.defaultProps = defaultProps8;
 
 // src/list/tests/list.tsx
-import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
 var style = `
     .k-virtual-list > .k-item,
     .k-virtual-list .k-list-item {
         position: relative;
     }
 `;
-var list_default = () => /* @__PURE__ */ jsxs6(Fragment5, { children: [
-  /* @__PURE__ */ jsx14("style", { children: style }),
-  /* @__PURE__ */ jsxs6("div", { id: "test-area", className: "k-d-grid k-grid-cols-4", children: [
-    /* @__PURE__ */ jsx14("span", { children: "Static list" }),
-    /* @__PURE__ */ jsx14("span", { children: "Virtual list" }),
-    /* @__PURE__ */ jsx14("span", { children: "Static list (rtl)" }),
-    /* @__PURE__ */ jsx14("span", { children: "Virtual list (rtl)" }),
-    /* @__PURE__ */ jsx14("section", { children: /* @__PURE__ */ jsxs6(List, { children: [
-      /* @__PURE__ */ jsx14(ListItem, { children: "List item" }),
-      /* @__PURE__ */ jsx14(ListItem, { hover: true, children: "Hover" }),
-      /* @__PURE__ */ jsx14(ListItem, { focus: true, children: "Focus" }),
-      /* @__PURE__ */ jsx14(ListItem, { selected: true, children: "Selected" }),
-      /* @__PURE__ */ jsx14(ListItem, { hover: true, selected: true, children: "Hover selected" }),
-      /* @__PURE__ */ jsx14(ListItem, { disabled: true, children: "Disabled" }),
-      /* @__PURE__ */ jsx14(ListItem, { children: "List item with very long text, that spans on multiple lines" }),
-      /* @__PURE__ */ jsx14(ListItem, { showCheckbox: true, children: "Checkbox" }),
-      /* @__PURE__ */ jsx14(ListItem, { showIcon: true, iconName: "gear", children: "Icon" }),
-      /* @__PURE__ */ jsx14(ListItem, { showCheckbox: true, showIcon: true, iconName: "gear", children: "Checkbox icon" })
+var list_default = () => /* @__PURE__ */ jsxs7(Fragment6, { children: [
+  /* @__PURE__ */ jsx16("style", { children: style }),
+  /* @__PURE__ */ jsxs7("div", { id: "test-area", className: "k-d-grid k-grid-cols-4", children: [
+    /* @__PURE__ */ jsx16("span", { children: "Static list" }),
+    /* @__PURE__ */ jsx16("span", { children: "Virtual list" }),
+    /* @__PURE__ */ jsx16("span", { children: "Static list (rtl)" }),
+    /* @__PURE__ */ jsx16("span", { children: "Virtual list (rtl)" }),
+    /* @__PURE__ */ jsx16("section", { children: /* @__PURE__ */ jsxs7(List, { children: [
+      /* @__PURE__ */ jsx16(ListItem, { children: "List item" }),
+      /* @__PURE__ */ jsx16(ListItem, { hover: true, children: "Hover" }),
+      /* @__PURE__ */ jsx16(ListItem, { focus: true, children: "Focus" }),
+      /* @__PURE__ */ jsx16(ListItem, { selected: true, children: "Selected" }),
+      /* @__PURE__ */ jsx16(ListItem, { hover: true, selected: true, children: "Hover selected" }),
+      /* @__PURE__ */ jsx16(ListItem, { disabled: true, children: "Disabled" }),
+      /* @__PURE__ */ jsx16(ListItem, { children: "List item with very long text, that spans on multiple lines" }),
+      /* @__PURE__ */ jsx16(ListItem, { showCheckbox: true, children: "Checkbox" }),
+      /* @__PURE__ */ jsx16(ListItem, { showIcon: true, iconName: "gear", children: "Icon" }),
+      /* @__PURE__ */ jsx16(ListItem, { showCheckbox: true, showIcon: true, iconName: "gear", children: "Checkbox icon" })
     ] }) }),
-    /* @__PURE__ */ jsx14("section", { children: /* @__PURE__ */ jsxs6(List, { virtualization: true, children: [
-      /* @__PURE__ */ jsx14(ListItem, { children: "List item" }),
-      /* @__PURE__ */ jsx14(ListItem, { hover: true, children: "Hover" }),
-      /* @__PURE__ */ jsx14(ListItem, { focus: true, children: "Focus" }),
-      /* @__PURE__ */ jsx14(ListItem, { selected: true, children: "Selected" }),
-      /* @__PURE__ */ jsx14(ListItem, { hover: true, selected: true, children: "Hover selected" }),
-      /* @__PURE__ */ jsx14(ListItem, { disabled: true, children: "Disabled" }),
-      /* @__PURE__ */ jsx14(ListItem, { children: "List item with very long text, that spans on multiple lines" }),
-      /* @__PURE__ */ jsx14(ListItem, { showCheckbox: true, children: "Checkbox" }),
-      /* @__PURE__ */ jsx14(ListItem, { showIcon: true, iconName: "gear", children: "Icon" }),
-      /* @__PURE__ */ jsx14(ListItem, { showCheckbox: true, showIcon: true, iconName: "gear", children: "Checkbox icon" })
+    /* @__PURE__ */ jsx16("section", { children: /* @__PURE__ */ jsxs7(List, { virtualization: true, children: [
+      /* @__PURE__ */ jsx16(ListItem, { children: "List item" }),
+      /* @__PURE__ */ jsx16(ListItem, { hover: true, children: "Hover" }),
+      /* @__PURE__ */ jsx16(ListItem, { focus: true, children: "Focus" }),
+      /* @__PURE__ */ jsx16(ListItem, { selected: true, children: "Selected" }),
+      /* @__PURE__ */ jsx16(ListItem, { hover: true, selected: true, children: "Hover selected" }),
+      /* @__PURE__ */ jsx16(ListItem, { disabled: true, children: "Disabled" }),
+      /* @__PURE__ */ jsx16(ListItem, { children: "List item with very long text, that spans on multiple lines" }),
+      /* @__PURE__ */ jsx16(ListItem, { showCheckbox: true, children: "Checkbox" }),
+      /* @__PURE__ */ jsx16(ListItem, { showIcon: true, iconName: "gear", children: "Icon" }),
+      /* @__PURE__ */ jsx16(ListItem, { showCheckbox: true, showIcon: true, iconName: "gear", children: "Checkbox icon" })
     ] }) }),
-    /* @__PURE__ */ jsx14("section", { dir: "rtl", children: /* @__PURE__ */ jsxs6(List, { children: [
-      /* @__PURE__ */ jsx14(ListItem, { children: "List item" }),
-      /* @__PURE__ */ jsx14(ListItem, { hover: true, children: "Hover" }),
-      /* @__PURE__ */ jsx14(ListItem, { focus: true, children: "Focus" }),
-      /* @__PURE__ */ jsx14(ListItem, { selected: true, children: "Selected" }),
-      /* @__PURE__ */ jsx14(ListItem, { hover: true, selected: true, children: "Hover selected" }),
-      /* @__PURE__ */ jsx14(ListItem, { disabled: true, children: "Disabled" }),
-      /* @__PURE__ */ jsx14(ListItem, { children: "List item with very long text, that spans on multiple lines" }),
-      /* @__PURE__ */ jsx14(ListItem, { showCheckbox: true, children: "Checkbox" }),
-      /* @__PURE__ */ jsx14(ListItem, { showIcon: true, iconName: "gear", children: "Icon" }),
-      /* @__PURE__ */ jsx14(ListItem, { showCheckbox: true, showIcon: true, iconName: "gear", children: "Checkbox icon" })
+    /* @__PURE__ */ jsx16("section", { dir: "rtl", children: /* @__PURE__ */ jsxs7(List, { children: [
+      /* @__PURE__ */ jsx16(ListItem, { children: "List item" }),
+      /* @__PURE__ */ jsx16(ListItem, { hover: true, children: "Hover" }),
+      /* @__PURE__ */ jsx16(ListItem, { focus: true, children: "Focus" }),
+      /* @__PURE__ */ jsx16(ListItem, { selected: true, children: "Selected" }),
+      /* @__PURE__ */ jsx16(ListItem, { hover: true, selected: true, children: "Hover selected" }),
+      /* @__PURE__ */ jsx16(ListItem, { disabled: true, children: "Disabled" }),
+      /* @__PURE__ */ jsx16(ListItem, { children: "List item with very long text, that spans on multiple lines" }),
+      /* @__PURE__ */ jsx16(ListItem, { showCheckbox: true, children: "Checkbox" }),
+      /* @__PURE__ */ jsx16(ListItem, { showIcon: true, iconName: "gear", children: "Icon" }),
+      /* @__PURE__ */ jsx16(ListItem, { showCheckbox: true, showIcon: true, iconName: "gear", children: "Checkbox icon" })
     ] }) }),
-    /* @__PURE__ */ jsx14("section", { dir: "rtl", children: /* @__PURE__ */ jsxs6(List, { virtualization: true, children: [
-      /* @__PURE__ */ jsx14(ListItem, { children: "List item" }),
-      /* @__PURE__ */ jsx14(ListItem, { hover: true, children: "Hover" }),
-      /* @__PURE__ */ jsx14(ListItem, { focus: true, children: "Focus" }),
-      /* @__PURE__ */ jsx14(ListItem, { selected: true, children: "Selected" }),
-      /* @__PURE__ */ jsx14(ListItem, { hover: true, selected: true, children: "Hover selected" }),
-      /* @__PURE__ */ jsx14(ListItem, { disabled: true, children: "Disabled" }),
-      /* @__PURE__ */ jsx14(ListItem, { children: "List item with very long text, that spans on multiple lines" }),
-      /* @__PURE__ */ jsx14(ListItem, { showCheckbox: true, children: "Checkbox" }),
-      /* @__PURE__ */ jsx14(ListItem, { showIcon: true, iconName: "gear", children: "Icon" }),
-      /* @__PURE__ */ jsx14(ListItem, { showCheckbox: true, showIcon: true, iconName: "gear", children: "Checkbox icon" })
+    /* @__PURE__ */ jsx16("section", { dir: "rtl", children: /* @__PURE__ */ jsxs7(List, { virtualization: true, children: [
+      /* @__PURE__ */ jsx16(ListItem, { children: "List item" }),
+      /* @__PURE__ */ jsx16(ListItem, { hover: true, children: "Hover" }),
+      /* @__PURE__ */ jsx16(ListItem, { focus: true, children: "Focus" }),
+      /* @__PURE__ */ jsx16(ListItem, { selected: true, children: "Selected" }),
+      /* @__PURE__ */ jsx16(ListItem, { hover: true, selected: true, children: "Hover selected" }),
+      /* @__PURE__ */ jsx16(ListItem, { disabled: true, children: "Disabled" }),
+      /* @__PURE__ */ jsx16(ListItem, { children: "List item with very long text, that spans on multiple lines" }),
+      /* @__PURE__ */ jsx16(ListItem, { showCheckbox: true, children: "Checkbox" }),
+      /* @__PURE__ */ jsx16(ListItem, { showIcon: true, iconName: "gear", children: "Icon" }),
+      /* @__PURE__ */ jsx16(ListItem, { showCheckbox: true, showIcon: true, iconName: "gear", children: "Checkbox icon" })
     ] }) })
   ] })
 ] });

package/dist/esm/listbox/listbox.spec.js

@@ -4481,8 +4481,14 @@ Checkbox.options = options6;
 Checkbox.className = CHECKBOX_CLASSNAME;
 Checkbox.defaultProps = defaultProps6;
 
+// src/checkbox/templates/checkbox-label.tsx
+import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+
+// src/checkbox/templates/checkbox-normal.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+
 // src/list/list-item.spec.tsx
-import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
 var LISTITEM_CLASSNAME = `k-list-item`;
 var states7 = [
   States.hover,
@@ -4507,7 +4513,7 @@ var ListItem = (props) => {
     ...other
   } = props;
   const textOrChildren = text ? text : props.children;
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "li",
     {
       ...other,
@@ -4522,10 +4528,10 @@ var ListItem = (props) => {
         })
       ),
       children: [
-        showCheckbox && /* @__PURE__ */ jsx11(Checkbox, { checked }),
-        showIcon && /* @__PURE__ */ jsx11(Icon, { icon: iconName }),
-        /* @__PURE__ */ jsx11("span", { className: "k-list-item-text", children: textOrChildren }),
-        groupLabel && groupLabel !== "" && /* @__PURE__ */ jsx11("div", { className: "k-list-item-group-label", children: groupLabel })
+        showCheckbox && /* @__PURE__ */ jsx13(Checkbox, { checked }),
+        showIcon && /* @__PURE__ */ jsx13(Icon, { icon: iconName }),
+        /* @__PURE__ */ jsx13("span", { className: "k-list-item-text", children: textOrChildren }),
+        groupLabel && groupLabel !== "" && /* @__PURE__ */ jsx13("div", { className: "k-list-item-group-label", children: groupLabel })
       ]
     }
   );
@@ -4536,43 +4542,43 @@ ListItem.className = LISTITEM_CLASSNAME;
 ListItem.defaultProps = defaultProps7;
 
 // src/list/list-content.tsx
-import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
 var className2 = `k-list-content`;
 var ListContent = (props) => {
   const {
     virtualization
   } = props;
-  return /* @__PURE__ */ jsxs4("div", { className: classNames(className2, props.className), children: [
-    /* @__PURE__ */ jsx12("ul", { className: classNames("k-list-ul"), children: props.children }),
-    virtualization && /* @__PURE__ */ jsx12("div", { className: "k-height-container", children: /* @__PURE__ */ jsx12("div", {}) })
+  return /* @__PURE__ */ jsxs5("div", { className: classNames(className2, props.className), children: [
+    /* @__PURE__ */ jsx14("ul", { className: classNames("k-list-ul"), children: props.children }),
+    virtualization && /* @__PURE__ */ jsx14("div", { className: "k-height-container", children: /* @__PURE__ */ jsx14("div", {}) })
   ] });
 };
 
 // src/list/list-header.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var className3 = `k-list-group-sticky-header`;
-var ListHeader = (props) => /* @__PURE__ */ jsx13("div", { className: classNames(className3, props.className), children: /* @__PURE__ */ jsx13("div", { className: "k-list-header-text", children: props.children }) });
+var ListHeader = (props) => /* @__PURE__ */ jsx15("div", { className: classNames(className3, props.className), children: /* @__PURE__ */ jsx15("div", { className: "k-list-header-text", children: props.children }) });
 
 // src/list/list-group.tsx
-import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
 var ListGroup = (props) => {
   const {
     virtualization,
     label
   } = props;
-  return /* @__PURE__ */ jsxs5(Fragment5, { children: [
-    label && /* @__PURE__ */ jsx14(ListHeader, { children: label }),
-    props.children && /* @__PURE__ */ jsx14(ListContent, { virtualization, children: props.children })
+  return /* @__PURE__ */ jsxs6(Fragment6, { children: [
+    label && /* @__PURE__ */ jsx16(ListHeader, { children: label }),
+    props.children && /* @__PURE__ */ jsx16(ListContent, { virtualization, children: props.children })
   ] });
 };
 
 // src/list/list-group-item.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var className4 = `k-list-group-item`;
-var ListGroupItem = (props) => /* @__PURE__ */ jsx15("li", { className: classNames(className4, props.className), children: /* @__PURE__ */ jsx15("span", { className: "k-list-item-text", children: props.children }) });
+var ListGroupItem = (props) => /* @__PURE__ */ jsx17("li", { className: classNames(className4, props.className), children: /* @__PURE__ */ jsx17("span", { className: "k-list-item-text", children: props.children }) });
 
 // src/list/list-option-label.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var LIST_OPTIONLABEL_CLASSNAME = `k-list-optionlabel`;
 var states8 = [
   States.hover,
@@ -4591,7 +4597,7 @@ var ListOptionLabel = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       ...other,
@@ -4614,7 +4620,7 @@ ListOptionLabel.className = LIST_OPTIONLABEL_CLASSNAME;
 ListOptionLabel.defaultProps = defaultProps8;
 
 // src/list/list.spec.tsx
-import { jsx as jsx17, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
 var LIST_CLASSNAME = `k-list`;
 var states9 = [];
 var options9 = {
@@ -4642,7 +4648,7 @@ var List = (props) => {
           listHeader = child.props.label;
           child.props.children.map((optChild, index2) => {
             listChildren.push(
-              /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx19(
                 ListItem,
                 {
                   ...optChild.props
@@ -4658,7 +4664,7 @@ var List = (props) => {
               groupLabel = child.props.label;
             }
             listChildren.push(
-              /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx19(
                 ListItem,
                 {
                   className: index2 === 0 ? "k-first" : "",
@@ -4670,16 +4676,16 @@ var List = (props) => {
             );
           });
         }
-        listGroup = /* @__PURE__ */ jsx17(ListGroup, { label: listHeader, virtualization, children: listChildren });
+        listGroup = /* @__PURE__ */ jsx19(ListGroup, { label: listHeader, virtualization, children: listChildren });
       } else if (child.type === ListItem) {
-        listChildren.push(/* @__PURE__ */ jsx17(ListItem, { ...child.props }, `${child.type}-${index}`));
-        listContent = /* @__PURE__ */ jsx17(ListContent, { virtualization, children: listChildren });
+        listChildren.push(/* @__PURE__ */ jsx19(ListItem, { ...child.props }, `${child.type}-${index}`));
+        listContent = /* @__PURE__ */ jsx19(ListContent, { virtualization, children: listChildren });
       }
     });
   } else {
-    listContent = /* @__PURE__ */ jsx17(NoData, { children: "No data found." });
+    listContent = /* @__PURE__ */ jsx19(NoData, { children: "No data found." });
   }
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       ...other,
@@ -4708,7 +4714,7 @@ List.defaultProps = defaultProps9;
 var list_spec_default = List;
 
 // src/listbox/listbox.spec.tsx
-import { jsx as jsx18, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
 var LISTBOX_CLASSNAME = `k-listbox`;
 var states10 = [
   States.disabled
@@ -4730,7 +4736,7 @@ var ListBox = (props) => {
     dir,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       ...other,
@@ -4749,7 +4755,7 @@ var ListBox = (props) => {
         }
       ),
       children: [
-        actions && /* @__PURE__ */ jsx18("div", { className: "k-listbox-actions", children: actions.map((action) => {
+        actions && /* @__PURE__ */ jsx20("div", { className: "k-listbox-actions", children: actions.map((action) => {
           let icon = action;
           if (dir === "rtl") {
             if (action === "left") {
@@ -4758,12 +4764,12 @@ var ListBox = (props) => {
               icon = "left";
             }
           }
-          return /* @__PURE__ */ jsx18(Button, { icon: `caret-alt-${icon}`, size });
+          return /* @__PURE__ */ jsx20(Button, { icon: `caret-alt-${icon}`, size });
         }) }),
-        /* @__PURE__ */ jsx18("div", { className: classNames(
+        /* @__PURE__ */ jsx20("div", { className: classNames(
           "k-list-scroller",
           "k-selectable"
-        ), children: /* @__PURE__ */ jsx18(list_spec_default, { size, children }) })
+        ), children: /* @__PURE__ */ jsx20(list_spec_default, { size, children }) })
       ]
     }
   );