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

package/dist/cjs/grid/tests/grid-react-basic.js

@@ -167,161 +167,221 @@ Checkbox.options = options;
 Checkbox.className = CHECKBOX_CLASSNAME;
 Checkbox.defaultProps = defaultProps;
 
-// src/checkbox/templates/checkbox-label.tsx
+// src/checkbox/checkbox-group.spec.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var CHECKBOXGROUP_CLASSNAME = `k-checkbox-list`;
+var states2 = [];
+var options2 = {};
+var defaultProps2 = {
+  layout: "vertical"
+};
+var CheckboxGroup = (props) => {
+  const {
+    layout = defaultProps2.layout,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "ul",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        CHECKBOXGROUP_CLASSNAME,
+        {
+          [`k-list-${layout}`]: layout
+        }
+      ),
+      children: props.children
+    }
+  );
+};
+CheckboxGroup.states = states2;
+CheckboxGroup.options = options2;
+CheckboxGroup.className = CHECKBOXGROUP_CLASSNAME;
+CheckboxGroup.defaultProps = defaultProps2;
 
-// src/checkbox/templates/checkbox-normal.tsx
+// src/checkbox/checkbox-item.spec.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
+var CHECKBOXITEM_CLASSNAME = `k-checkbox-list-item`;
+var states3 = [];
+var options3 = {};
+var defaultProps3 = {};
+var CheckboxItem = (props) => {
+  const {
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "li",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        CHECKBOXITEM_CLASSNAME
+      ),
+      children: props.children
+    }
+  );
+};
+CheckboxItem.states = states3;
+CheckboxItem.options = options3;
+CheckboxItem.className = CHECKBOXITEM_CLASSNAME;
+CheckboxItem.defaultProps = defaultProps3;
 
-// src/grid/tests/grid-react-basic.tsx
+// src/checkbox/templates/checkbox-with-label.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var grid_react_basic_default = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Basic Grid" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "k-grid k-grid-md", style: { height: "500px" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("colgroup", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("col", { width: "40px" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("col", { width: "300px" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("col", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("col", {})
+
+// src/checkbox/templates/checkbox-normal.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+
+// src/grid/tests/grid-react-basic.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var grid_react_basic_default = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Basic Grid" }),
+  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "k-grid k-grid-md", style: { height: "500px" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "k-grid-header-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("colgroup", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("col", { width: "40px" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("col", { width: "300px" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("col", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("col", {})
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("th", { colSpan: 1, rowSpan: 1, className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-column-title", children: "ID" }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("th", { colSpan: 1, rowSpan: 1, className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-column-title", children: "Name" }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("th", { colSpan: 1, rowSpan: 1, className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-column-title", children: "CategoryName" }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("th", { colSpan: 1, rowSpan: 1, className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-column-title", children: "Price" }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("th", { colSpan: 1, rowSpan: 1, className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-column-title", children: "In stock" }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("th", { colSpan: 1, rowSpan: 1, className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-column-title", children: "Discontinued" }) }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { className: "k-table-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { colSpan: 1, rowSpan: 1, className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-column-title", children: "ID" }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { colSpan: 1, rowSpan: 1, className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-column-title", children: "Name" }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { colSpan: 1, rowSpan: 1, className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-column-title", children: "CategoryName" }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { colSpan: 1, rowSpan: 1, className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-column-title", children: "Price" }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { colSpan: 1, rowSpan: 1, className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-column-title", children: "In stock" }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { colSpan: 1, rowSpan: 1, className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-column-title", children: "Discontinued" }) }) }) })
       ] }) })
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "k-grid-content k-virtual-content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("colgroup", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("col", { width: "40px" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("col", { width: "300px" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("col", {})
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "k-grid-container", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "k-grid-content k-virtual-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("table", { className: "k-table k-table-md k-grid-table", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("colgroup", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("col", { width: "40px" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("col", { width: "300px" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("col", {})
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tbody", { className: "k-table-tbody", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-master-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "1" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Chai" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Beverages" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "18" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "39" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Checkbox, {}) })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tbody", { className: "k-table-tbody", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { className: "k-table-row k-master-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "1" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Chai" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Beverages" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "18" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "39" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Checkbox, {}) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "2" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Chang" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Beverages" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "19" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "17" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Checkbox, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "2" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Chang" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Beverages" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "19" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "17" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Checkbox, {}) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-master-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Aniseed Syrup" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Condiments" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "10" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "13" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Checkbox, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { className: "k-table-row k-master-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Aniseed Syrup" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Condiments" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "10" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "13" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Checkbox, {}) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Chef Anton's Cajun Seasoning" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Condiments" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "22" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "53" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Checkbox, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Chef Anton's Cajun Seasoning" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Condiments" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "22" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "53" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Checkbox, {}) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-master-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "5" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Chef Anton's Gumbo Mix" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Condiments" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "21.35" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Checkbox, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { className: "k-table-row k-master-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Chef Anton's Gumbo Mix" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Condiments" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "21.35" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Checkbox, {}) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "6" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Grandma's Boysenberry Spread" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Condiments" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "25" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "120" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Checkbox, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "6" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Grandma's Boysenberry Spread" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Condiments" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "25" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "120" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Checkbox, {}) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-master-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "7" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Uncle Bob's Organic Dried Pears" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Produce" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "30" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "15" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Checkbox, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { className: "k-table-row k-master-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "7" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Uncle Bob's Organic Dried Pears" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Produce" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "30" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "15" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Checkbox, {}) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "8" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Northwoods Cranberry Sauce" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Condiments" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "40" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "6" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Checkbox, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "8" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Northwoods Cranberry Sauce" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Condiments" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "40" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "6" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Checkbox, {}) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-master-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "9" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Mishi Kobe Niku" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Meat/Poultry" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "97" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "29" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Checkbox, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { className: "k-table-row k-master-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "9" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Mishi Kobe Niku" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Meat/Poultry" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "97" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "29" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Checkbox, {}) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "10" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Ikura" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Seafood" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "31" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "31" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Checkbox, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "10" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Ikura" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Seafood" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "31" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "31" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Checkbox, {}) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-master-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "11" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Queso Cabrales" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Dairy Products" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "21" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "22" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Checkbox, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { className: "k-table-row k-master-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "11" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Queso Cabrales" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Dairy Products" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "21" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "22" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Checkbox, {}) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "12" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Queso Manchego La Pastora" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Dairy Products" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "38" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "86" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Checkbox, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "12" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Queso Manchego La Pastora" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Dairy Products" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "38" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "86" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Checkbox, {}) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-master-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "13" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Konbu" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Seafood" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "6" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "24" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Checkbox, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { className: "k-table-row k-master-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "13" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Konbu" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Seafood" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "6" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "24" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Checkbox, {}) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "14" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Tofu" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Produce" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "23.25" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", colSpan: 1, children: "35" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Checkbox, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { className: "k-table-row k-table-alt-row k-master-row k-alt", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "14" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Tofu" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "Produce" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "23.25" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", colSpan: 1, children: "35" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "k-table-td", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Checkbox, {}) })
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "k-height-container", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", {}) })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "k-height-container", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {}) })
     ] }) })
   ] }) })
 ] }) });