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

package/dist/esm/popup/tests/popup-no-data.js

@@ -362,8 +362,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 = {
@@ -392,9 +398,9 @@ var FontIcon = (props) => {
     ...other
   } = props;
   if (!icon) {
-    return /* @__PURE__ */ jsx5(Fragment, {});
+    return /* @__PURE__ */ jsx7(Fragment2, {});
   }
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx7(
     "span",
     {
       ...other,
@@ -422,7 +428,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 = {
@@ -454,10 +460,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,
@@ -470,7 +476,7 @@ var SvgIcon = (props) => {
     );
   }
   const name = typeof icon === "object" && icon.name && icon.name;
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx8(
     "span",
     {
       ...other,
@@ -488,7 +494,7 @@ var SvgIcon = (props) => {
           "k-flip-v": flip === "v" || flip === "both"
         }
       ),
-      children: /* @__PURE__ */ jsx6(
+      children: /* @__PURE__ */ jsx8(
         "svg",
         {
           "aria-hidden": true,
@@ -4408,7 +4414,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("_", "")
@@ -4445,26 +4451,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,
@@ -4489,7 +4495,7 @@ var ListItem = (props) => {
     ...other
   } = props;
   const textOrChildren = text ? text : props.children;
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "li",
     {
       ...other,
@@ -4504,10 +4510,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 })
       ]
     }
   );
@@ -4518,43 +4524,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,
@@ -4573,7 +4579,7 @@ var ListOptionLabel = (props) => {
     disabled,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx15(
     "div",
     {
       ...other,
@@ -4596,7 +4602,7 @@ ListOptionLabel.className = LIST_OPTIONLABEL_CLASSNAME;
 ListOptionLabel.defaultProps = defaultProps8;
 
 // src/input/input.spec.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var INPUT_CLASSNAME = `k-input`;
 var states9 = [
   States.hover,
@@ -4632,7 +4638,7 @@ var Input = (props) => {
     fillMode = defaultProps9.fillMode,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx16(
     "span",
     {
       ...other,
@@ -4651,7 +4657,7 @@ Input.className = INPUT_CLASSNAME;
 Input.defaultProps = defaultProps9;
 
 // src/input/picker.spec.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var PICKER_CLASSNAME = `k-picker`;
 var pickerStates = [
   States.hover,
@@ -4687,7 +4693,7 @@ var Picker = (props) => {
     fillMode = defaultProps10.fillMode,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx17(
     "span",
     {
       ...other,
@@ -4707,7 +4713,7 @@ Picker.className = PICKER_CLASSNAME;
 Picker.defaultProps = defaultProps10;
 
 // src/input/input-clear-value.tsx
-import { Fragment as Fragment5, jsx as jsx16 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx18 } from "react/jsx-runtime";
 var className5 = `k-clear-value`;
 var states10 = [
   States.disabled,
@@ -4723,16 +4729,16 @@ var InputClearValue = (props) => {
     value
   } = props;
   if (disabled || readonly || loading || !value) {
-    return /* @__PURE__ */ jsx16(Fragment5, {});
+    return /* @__PURE__ */ jsx18(Fragment6, {});
   }
-  return /* @__PURE__ */ jsx16("span", { className: classNames(props.className, className5), children: /* @__PURE__ */ jsx16(Icon, { icon: "x" }) });
+  return /* @__PURE__ */ jsx18("span", { className: classNames(props.className, className5), children: /* @__PURE__ */ jsx18(Icon, { icon: "x" }) });
 };
 InputClearValue.states = states10;
 InputClearValue.options = options10;
 InputClearValue.className = className5;
 
 // src/input/input-inner-input.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var className6 = `k-input-inner`;
 var states11 = [];
 var options11 = {};
@@ -4750,7 +4756,7 @@ var InputInnerInput = (props) => {
     autocomplete = defaultProps11.autocomplete,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     "input",
     {
       ...other,
@@ -4767,7 +4773,7 @@ InputInnerInput.options = options11;
 InputInnerInput.className = className6;
 
 // src/input/input-inner-span.tsx
-import { jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs7 } from "react/jsx-runtime";
 var className7 = `k-input-inner`;
 var states12 = [];
 var options12 = {};
@@ -4780,16 +4786,16 @@ var InputInnerSpan = (props) => {
     valueIconName,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "span",
     {
       ...other,
       className: classNames(props.className, className7, optionClassNames(className7, props)),
       children: [
         valueIcon,
-        !valueIcon && valueIconName && /* @__PURE__ */ jsx18(Icon, { className: "k-input-value-icon", icon: valueIconName }),
+        !valueIcon && valueIconName && /* @__PURE__ */ jsx20(Icon, { className: "k-input-value-icon", icon: valueIconName }),
         showValue && !value && placeholder,
-        showValue && value && /* @__PURE__ */ jsx18("span", { className: "k-input-value-text", children: value })
+        showValue && value && /* @__PURE__ */ jsx20("span", { className: "k-input-value-text", children: value })
       ]
     }
   );
@@ -4799,7 +4805,7 @@ InputInnerSpan.options = options12;
 InputInnerSpan.className = className7;
 
 // src/input/input-inner-textarea.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var defaultProps12 = {
   value: "",
   placeholder: ""
@@ -4814,7 +4820,7 @@ var InputInnerTextarea = (props) => {
     rows,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21(
     "textarea",
     {
       ...other,
@@ -4830,7 +4836,7 @@ InputInnerTextarea.options = options13;
 InputInnerTextarea.className = className8;
 
 // src/input/input-loading-icon.tsx
-import { Fragment as Fragment6, jsx as jsx20 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx22 } from "react/jsx-runtime";
 var className9 = `k-input-loading-icon`;
 var states14 = [
   States.disabled,
@@ -4842,13 +4848,13 @@ var InputLoadingIcon = (props) => {
     loading
   } = props;
   if (disabled || !loading) {
-    return /* @__PURE__ */ jsx20(Fragment6, {});
+    return /* @__PURE__ */ jsx22(Fragment7, {});
   }
-  return /* @__PURE__ */ jsx20(Icon, { className: classNames(props.className, className9), icon: "loading", type: "font" });
+  return /* @__PURE__ */ jsx22(Icon, { className: classNames(props.className, className9), icon: "loading", type: "font" });
 };
 
 // src/input/input-validation-icon.tsx
-import { Fragment as Fragment7, jsx as jsx21 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx23 } from "react/jsx-runtime";
 var className10 = `k-input-validation-icon`;
 var states15 = [
   States.valid,
@@ -4867,22 +4873,22 @@ var InputValidationIcon = (props) => {
   const iconName = invalid ? "exclamation-circle" : "check";
   const renderValidationIcon = Boolean(valid || invalid);
   if (disabled || loading || !renderValidationIcon) {
-    return /* @__PURE__ */ jsx21(Fragment7, {});
+    return /* @__PURE__ */ jsx23(Fragment8, {});
   }
-  return /* @__PURE__ */ jsx21(Icon, { className: classNames(className10), icon: iconName });
+  return /* @__PURE__ */ jsx23(Icon, { className: classNames(className10), icon: iconName });
 };
 InputValidationIcon.states = states15;
 InputValidationIcon.options = options14;
 InputValidationIcon.className = className10;
 
 // src/input/input-prefix.tsx
-import { Fragment as Fragment8, jsx as jsx22 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx24 } from "react/jsx-runtime";
 
 // src/input/input-suffix.tsx
-import { Fragment as Fragment9, jsx as jsx23 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx25 } from "react/jsx-runtime";
 
 // src/searchbox/searchbox.spec.tsx
-import { jsx as jsx24, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs8 } from "react/jsx-runtime";
 var SEARCHBOX_CLASSNAME = `k-searchbox`;
 var states16 = [
   States.hover,
@@ -4923,7 +4929,7 @@ var Searchbox = (props) => {
     icon = defaultProps13.icon,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     Input,
     {
       ...other,
@@ -4939,11 +4945,11 @@ var Searchbox = (props) => {
       disabled,
       className: classNames(props.className, SEARCHBOX_CLASSNAME),
       children: [
-        showIcon && /* @__PURE__ */ jsx24(Icon, { className: "k-input-icon", icon }),
-        /* @__PURE__ */ jsx24(InputInnerInput, { placeholder, value }),
-        /* @__PURE__ */ jsx24(InputLoadingIcon, { ...props }),
-        /* @__PURE__ */ jsx24(InputValidationIcon, { ...props }),
-        /* @__PURE__ */ jsx24(InputClearValue, { ...props })
+        showIcon && /* @__PURE__ */ jsx26(Icon, { className: "k-input-icon", icon }),
+        /* @__PURE__ */ jsx26(InputInnerInput, { placeholder, value }),
+        /* @__PURE__ */ jsx26(InputLoadingIcon, { ...props }),
+        /* @__PURE__ */ jsx26(InputValidationIcon, { ...props }),
+        /* @__PURE__ */ jsx26(InputClearValue, { ...props })
       ]
     }
   );
@@ -4954,7 +4960,7 @@ Searchbox.className = SEARCHBOX_CLASSNAME;
 Searchbox.defaultProps = defaultProps13;
 
 // src/animation-container/animation-container.spec.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var ANIMATION_CONTAINER_CLASSNAME = `k-animation-container`;
 var states17 = [];
 var options16 = {};
@@ -4968,7 +4974,7 @@ var AnimationContainer = (props) => {
     offset,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(
     "div",
     {
       ...other,
@@ -4980,7 +4986,7 @@ var AnimationContainer = (props) => {
           ["k-animation-container-fixed"]: positionMode === "fixed"
         }
       ),
-      children: /* @__PURE__ */ jsx25("div", { className: "k-child-animation-container", style: animationStyle, children: props.children })
+      children: /* @__PURE__ */ jsx27("div", { className: "k-child-animation-container", style: animationStyle, children: props.children })
     }
   );
 };
@@ -4990,7 +4996,7 @@ AnimationContainer.className = ANIMATION_CONTAINER_CLASSNAME;
 AnimationContainer.defaultProps = defaultProps14;
 
 // src/popup/popup.spec.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var POPUP_CLASSNAME = `k-popup`;
 var states18 = [];
 var options17 = {};
@@ -5003,12 +5009,12 @@ var Popup = (props) => {
     positionMode,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx28(
     AnimationContainer,
     {
       positionMode,
       offset,
-      children: /* @__PURE__ */ jsx26("div", { ...other, className: classNames(props.className, POPUP_CLASSNAME), children: props.children })
+      children: /* @__PURE__ */ jsx28("div", { ...other, className: classNames(props.className, POPUP_CLASSNAME), children: props.children })
     }
   );
 };
@@ -5018,29 +5024,29 @@ Popup.className = POPUP_CLASSNAME;
 Popup.defaultProps = defaultProps15;
 
 // src/popup/tests/popup-no-data.tsx
-import { Fragment as Fragment10, jsx as jsx27, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx29, jsxs as jsxs9 } from "react/jsx-runtime";
 var style = `
     .k-animation-container {
         position: relative;
         overflow: visible;
     }
 `;
-var popup_no_data_default = () => /* @__PURE__ */ jsxs8(Fragment10, { children: [
-  /* @__PURE__ */ jsx27("style", { children: style }),
-  /* @__PURE__ */ jsxs8("div", { id: "test-area", className: "k-d-grid k-grid-cols-4", children: [
-    /* @__PURE__ */ jsx27("span", { children: "no data" }),
-    /* @__PURE__ */ jsx27("span", { children: "no data (rtl)" }),
-    /* @__PURE__ */ jsx27("span", { children: "w/ filtering" }),
-    /* @__PURE__ */ jsx27("span", { children: "w/ filtering (rtl)" }),
-    /* @__PURE__ */ jsx27("section", { children: /* @__PURE__ */ jsx27(Popup, { className: "k-list-container", children: /* @__PURE__ */ jsx27(List, {}) }) }),
-    /* @__PURE__ */ jsx27("section", { dir: "rtl", children: /* @__PURE__ */ jsx27(Popup, { className: "k-list-container", children: /* @__PURE__ */ jsx27(List, {}) }) }),
-    /* @__PURE__ */ jsx27("section", { children: /* @__PURE__ */ jsxs8(Popup, { className: "k-list-container", children: [
-      /* @__PURE__ */ jsx27("div", { className: "k-list-filter", children: /* @__PURE__ */ jsx27(Searchbox, { placeholder: "Filter..." }) }),
-      /* @__PURE__ */ jsx27(List, {})
+var popup_no_data_default = () => /* @__PURE__ */ jsxs9(Fragment11, { children: [
+  /* @__PURE__ */ jsx29("style", { children: style }),
+  /* @__PURE__ */ jsxs9("div", { id: "test-area", className: "k-d-grid k-grid-cols-4", children: [
+    /* @__PURE__ */ jsx29("span", { children: "no data" }),
+    /* @__PURE__ */ jsx29("span", { children: "no data (rtl)" }),
+    /* @__PURE__ */ jsx29("span", { children: "w/ filtering" }),
+    /* @__PURE__ */ jsx29("span", { children: "w/ filtering (rtl)" }),
+    /* @__PURE__ */ jsx29("section", { children: /* @__PURE__ */ jsx29(Popup, { className: "k-list-container", children: /* @__PURE__ */ jsx29(List, {}) }) }),
+    /* @__PURE__ */ jsx29("section", { dir: "rtl", children: /* @__PURE__ */ jsx29(Popup, { className: "k-list-container", children: /* @__PURE__ */ jsx29(List, {}) }) }),
+    /* @__PURE__ */ jsx29("section", { children: /* @__PURE__ */ jsxs9(Popup, { className: "k-list-container", children: [
+      /* @__PURE__ */ jsx29("div", { className: "k-list-filter", children: /* @__PURE__ */ jsx29(Searchbox, { placeholder: "Filter..." }) }),
+      /* @__PURE__ */ jsx29(List, {})
     ] }) }),
-    /* @__PURE__ */ jsx27("section", { dir: "rtl", children: /* @__PURE__ */ jsxs8(Popup, { className: "k-list-container", children: [
-      /* @__PURE__ */ jsx27("div", { className: "k-list-filter", children: /* @__PURE__ */ jsx27(Searchbox, { placeholder: "Filter..." }) }),
-      /* @__PURE__ */ jsx27(List, {})
+    /* @__PURE__ */ jsx29("section", { dir: "rtl", children: /* @__PURE__ */ jsxs9(Popup, { className: "k-list-container", children: [
+      /* @__PURE__ */ jsx29("div", { className: "k-list-filter", children: /* @__PURE__ */ jsx29(Searchbox, { placeholder: "Filter..." }) }),
+      /* @__PURE__ */ jsx29(List, {})
     ] }) })
   ] })
 ] });