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

package/dist/cjs/daterangepicker/tests/daterangepicker-size-rounded.js

@@ -17987,733 +17987,953 @@ var import_jsx_runtime553 = require("react/jsx-runtime");
 // src/editor/templates/editor-responsive-toolbar.tsx
 var import_jsx_runtime554 = require("react/jsx-runtime");
 
-// src/utils/templates/background/background-clip/border-clip.tsx
+// src/gantt/gantt.spec.tsx
 var import_jsx_runtime555 = require("react/jsx-runtime");
+var GANTT_CLASSNAME = "k-gantt";
+var states201 = [];
+var options186 = {};
+var defaultProps190 = {};
+var Gantt = (props) => {
+  const {
+    headerToolbar,
+    footerToolbar,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime555.jsxs)(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        GANTT_CLASSNAME
+      ),
+      children: [
+        headerToolbar,
+        props.children,
+        footerToolbar
+      ]
+    }
+  );
+};
+Gantt.states = states201;
+Gantt.options = options186;
+Gantt.className = GANTT_CLASSNAME;
+Gantt.defaultProps = defaultProps190;
 
-// src/utils/templates/background/background-clip/content-clip.tsx
+// src/gantt/gantt-header-toolbar.spec.tsx
 var import_jsx_runtime556 = require("react/jsx-runtime");
 
-// src/utils/templates/background/background-clip/padding-clip.tsx
+// src/gantt/gantt-footer-toolbar.spec.tsx
 var import_jsx_runtime557 = require("react/jsx-runtime");
 
-// src/utils/templates/background/background-clip/text-clip.tsx
+// src/gantt/gantt-content.spec.tsx
 var import_jsx_runtime558 = require("react/jsx-runtime");
 
-// src/utils/templates/background/background-color/color.tsx
+// src/gantt/gantt-tables-wrapper.spec.tsx
 var import_jsx_runtime559 = require("react/jsx-runtime");
 
-// src/utils/templates/borders/border-color/all-sides.tsx
+// src/gantt/gantt-columns-table.spec.tsx
 var import_jsx_runtime560 = require("react/jsx-runtime");
 
-// src/utils/templates/borders/border-color/individual.tsx
+// src/gantt/gantt-rows-table.spec.tsx
 var import_jsx_runtime561 = require("react/jsx-runtime");
 
-// src/utils/templates/borders/border-color/left-right.tsx
+// src/gantt/gantt-tasks-table.spec.tsx
 var import_jsx_runtime562 = require("react/jsx-runtime");
 
-// src/utils/templates/borders/border-color/top-bottom.tsx
+// src/gantt/gantt-task.spec.tsx
 var import_jsx_runtime563 = require("react/jsx-runtime");
+var GANTTTASK_CLASSNAME = "k-task";
+var states202 = [];
+var options187 = {};
+var defaultProps191 = {
+  type: "single"
+};
+var GanttTask = (props) => {
+  const {
+    type = defaultProps191.type,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime563.jsx)(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        GANTTTASK_CLASSNAME,
+        {
+          [`k-task-single`]: type === "single",
+          [`k-task-milestone`]: type === "milestone",
+          [`k-task-summary`]: type === "summary"
+        }
+      )
+    }
+  );
+};
+GanttTask.states = states202;
+GanttTask.options = options187;
+GanttTask.className = GANTTTASK_CLASSNAME;
+GanttTask.defaultProps = defaultProps191;
 
-// src/utils/templates/borders/border-radius/corners.tsx
+// src/gantt/gantt-task-wrap.spec.tsx
 var import_jsx_runtime564 = require("react/jsx-runtime");
+var GANTTTASKWRAP_CLASSNAME = "k-task-wrap";
+var states203 = [];
+var options188 = {};
+var defaultProps192 = {
+  type: "single"
+};
+var GanttTaskWrap = (props) => {
+  const {
+    type = defaultProps192.type,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime564.jsx)(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        GANTTTASKWRAP_CLASSNAME,
+        {
+          [`k-milestone-wrap`]: type === "milestone",
+          [`k-summary-wrap`]: type === "summary"
+        }
+      )
+    }
+  );
+};
+GanttTaskWrap.states = states203;
+GanttTaskWrap.options = options188;
+GanttTaskWrap.className = GANTTTASKWRAP_CLASSNAME;
+GanttTaskWrap.defaultProps = defaultProps192;
 
-// src/utils/templates/borders/border-radius/no-rounding.tsx
+// src/gantt/gantt-task-dot.spec.tsx
 var import_jsx_runtime565 = require("react/jsx-runtime");
+var GANTTTASKWDOT_CLASSNAME = "k-task-dot";
+var states204 = [];
+var options189 = {};
+var defaultProps193 = {
+  position: "start"
+};
+var GanttTaskDot = (props) => {
+  const {
+    position = defaultProps193.position,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime565.jsx)(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        GANTTTASKWDOT_CLASSNAME,
+        {
+          [`k-task-start`]: position === "start",
+          [`k-task-end`]: position === "end"
+        }
+      )
+    }
+  );
+};
+GanttTaskDot.states = states204;
+GanttTaskDot.options = options189;
+GanttTaskDot.className = GANTTTASKWDOT_CLASSNAME;
+GanttTaskDot.defaultProps = defaultProps193;
 
-// src/utils/templates/borders/border-radius/rounding.tsx
+// src/gantt/gantt-task-content.spec.tsx
 var import_jsx_runtime566 = require("react/jsx-runtime");
+var GANTTTASKCONTENT_CLASSNAME = "k-task-content";
+var states205 = [];
+var options190 = {};
+var defaultProps194 = {};
+var GanttTaskContent = (props) => {
+  const {
+    content,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime566.jsxs)(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        GANTTTASKCONTENT_CLASSNAME
+      ),
+      children: [
+        content && /* @__PURE__ */ (0, import_jsx_runtime566.jsx)("div", { className: "k-task-template", children: content }),
+        /* @__PURE__ */ (0, import_jsx_runtime566.jsx)("span", { className: "k-task-actions", children: /* @__PURE__ */ (0, import_jsx_runtime566.jsx)("a", { className: "k-link k-task-delete", children: /* @__PURE__ */ (0, import_jsx_runtime566.jsx)(Icon, { icon: "x" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime566.jsx)("span", { className: "k-resize-handle k-resize-w" }),
+        /* @__PURE__ */ (0, import_jsx_runtime566.jsx)("span", { className: "k-resize-handle k-resize-e" })
+      ]
+    }
+  );
+};
+GanttTaskContent.states = states205;
+GanttTaskContent.options = options190;
+GanttTaskContent.className = GANTTTASKCONTENT_CLASSNAME;
+GanttTaskContent.defaultProps = defaultProps194;
 
-// src/utils/templates/borders/border-radius/sides.tsx
+// src/gantt/gantt-line.spec.tsx
 var import_jsx_runtime567 = require("react/jsx-runtime");
+var GANTTLINE_CLASSNAME = "k-gantt-line";
+var states206 = [];
+var options191 = {};
+var defaultProps195 = {
+  orientation: "horizontal"
+};
+var GanttLine = (props) => {
+  const {
+    orientation = defaultProps195.orientation,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime567.jsx)(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        GANTTLINE_CLASSNAME,
+        {
+          [`k-gantt-line-h`]: orientation === "horizontal",
+          [`k-gantt-line-v`]: orientation === "vertical"
+        }
+      )
+    }
+  );
+};
+GanttLine.states = states206;
+GanttLine.options = options191;
+GanttLine.className = GANTTLINE_CLASSNAME;
+GanttLine.defaultProps = defaultProps195;
 
-// src/utils/templates/borders/border-style/all-sides.tsx
+// src/utils/templates/background/background-clip/border-clip.tsx
 var import_jsx_runtime568 = require("react/jsx-runtime");
 
-// src/utils/templates/borders/border-style/individual.tsx
+// src/utils/templates/background/background-clip/content-clip.tsx
 var import_jsx_runtime569 = require("react/jsx-runtime");
 
-// src/utils/templates/borders/border-style/left-right.tsx
+// src/utils/templates/background/background-clip/padding-clip.tsx
 var import_jsx_runtime570 = require("react/jsx-runtime");
 
-// src/utils/templates/borders/border-style/no-style.tsx
+// src/utils/templates/background/background-clip/text-clip.tsx
 var import_jsx_runtime571 = require("react/jsx-runtime");
 
-// src/utils/templates/borders/border-style/top-bottom.tsx
+// src/utils/templates/background/background-color/color.tsx
 var import_jsx_runtime572 = require("react/jsx-runtime");
 
-// src/utils/templates/borders/border-width/all-sides.tsx
+// src/utils/templates/borders/border-color/all-sides.tsx
 var import_jsx_runtime573 = require("react/jsx-runtime");
 
-// src/utils/templates/borders/border-width/individual.tsx
+// src/utils/templates/borders/border-color/individual.tsx
 var import_jsx_runtime574 = require("react/jsx-runtime");
 
-// src/utils/templates/borders/border-width/left-right.tsx
+// src/utils/templates/borders/border-color/left-right.tsx
 var import_jsx_runtime575 = require("react/jsx-runtime");
 
-// src/utils/templates/borders/border-width/top-bottom.tsx
+// src/utils/templates/borders/border-color/top-bottom.tsx
 var import_jsx_runtime576 = require("react/jsx-runtime");
 
-// src/utils/templates/borders/outline-color/all-sides.tsx
+// src/utils/templates/borders/border-radius/corners.tsx
 var import_jsx_runtime577 = require("react/jsx-runtime");
 
-// src/utils/templates/borders/outline-offset/all-sides.tsx
+// src/utils/templates/borders/border-radius/no-rounding.tsx
 var import_jsx_runtime578 = require("react/jsx-runtime");
 
-// src/utils/templates/borders/outline-offset/no-offset.tsx
+// src/utils/templates/borders/border-radius/rounding.tsx
 var import_jsx_runtime579 = require("react/jsx-runtime");
 
-// src/utils/templates/borders/outline-style/all-sides.tsx
+// src/utils/templates/borders/border-radius/sides.tsx
 var import_jsx_runtime580 = require("react/jsx-runtime");
 
-// src/utils/templates/borders/outline-style/no-style.tsx
+// src/utils/templates/borders/border-style/all-sides.tsx
 var import_jsx_runtime581 = require("react/jsx-runtime");
 
-// src/utils/templates/borders/outline-width/all-sides.tsx
+// src/utils/templates/borders/border-style/individual.tsx
 var import_jsx_runtime582 = require("react/jsx-runtime");
 
-// src/utils/templates/borders/outline-width/no-width.tsx
+// src/utils/templates/borders/border-style/left-right.tsx
 var import_jsx_runtime583 = require("react/jsx-runtime");
 
-// src/utils/templates/effects/opacity/applying.tsx
+// src/utils/templates/borders/border-style/no-style.tsx
 var import_jsx_runtime584 = require("react/jsx-runtime");
 
-// src/utils/templates/filters/backdrop-blur/applying.tsx
+// src/utils/templates/borders/border-style/top-bottom.tsx
 var import_jsx_runtime585 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/align-content/around.tsx
+// src/utils/templates/borders/border-width/all-sides.tsx
 var import_jsx_runtime586 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/align-content/between.tsx
+// src/utils/templates/borders/border-width/individual.tsx
 var import_jsx_runtime587 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/align-content/center.tsx
+// src/utils/templates/borders/border-width/left-right.tsx
 var import_jsx_runtime588 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/align-content/end.tsx
+// src/utils/templates/borders/border-width/top-bottom.tsx
 var import_jsx_runtime589 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/align-content/evenly.tsx
+// src/utils/templates/borders/outline-color/all-sides.tsx
 var import_jsx_runtime590 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/align-content/normal.tsx
+// src/utils/templates/borders/outline-offset/all-sides.tsx
 var import_jsx_runtime591 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/align-content/start.tsx
+// src/utils/templates/borders/outline-offset/no-offset.tsx
 var import_jsx_runtime592 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/align-content/stretch.tsx
+// src/utils/templates/borders/outline-style/all-sides.tsx
 var import_jsx_runtime593 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/align-items/baseline.tsx
+// src/utils/templates/borders/outline-style/no-style.tsx
 var import_jsx_runtime594 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/align-items/center.tsx
+// src/utils/templates/borders/outline-width/all-sides.tsx
 var import_jsx_runtime595 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/align-items/end.tsx
+// src/utils/templates/borders/outline-width/no-width.tsx
 var import_jsx_runtime596 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/align-items/start.tsx
+// src/utils/templates/effects/opacity/applying.tsx
 var import_jsx_runtime597 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/align-items/stretch.tsx
+// src/utils/templates/filters/backdrop-blur/applying.tsx
 var import_jsx_runtime598 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/align-self/baseline.tsx
+// src/utils/templates/flex-grid/align-content/around.tsx
 var import_jsx_runtime599 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/align-self/center.tsx
+// src/utils/templates/flex-grid/align-content/between.tsx
 var import_jsx_runtime600 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/align-self/end.tsx
+// src/utils/templates/flex-grid/align-content/center.tsx
 var import_jsx_runtime601 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/align-self/start.tsx
+// src/utils/templates/flex-grid/align-content/end.tsx
 var import_jsx_runtime602 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/align-self/stretch.tsx
+// src/utils/templates/flex-grid/align-content/evenly.tsx
 var import_jsx_runtime603 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/flex/auto.tsx
+// src/utils/templates/flex-grid/align-content/normal.tsx
 var import_jsx_runtime604 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/flex/flex-1.tsx
+// src/utils/templates/flex-grid/align-content/start.tsx
 var import_jsx_runtime605 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/flex/initial.tsx
+// src/utils/templates/flex-grid/align-content/stretch.tsx
 var import_jsx_runtime606 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/flex/none.tsx
+// src/utils/templates/flex-grid/align-items/baseline.tsx
 var import_jsx_runtime607 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/flex-basis/auto.tsx
+// src/utils/templates/flex-grid/align-items/center.tsx
 var import_jsx_runtime608 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/flex-basis/size.tsx
+// src/utils/templates/flex-grid/align-items/end.tsx
 var import_jsx_runtime609 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/flex-direction/column-reverse.tsx
+// src/utils/templates/flex-grid/align-items/start.tsx
 var import_jsx_runtime610 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/flex-direction/column.tsx
+// src/utils/templates/flex-grid/align-items/stretch.tsx
 var import_jsx_runtime611 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/flex-direction/row-reverse.tsx
+// src/utils/templates/flex-grid/align-self/baseline.tsx
 var import_jsx_runtime612 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/flex-direction/row.tsx
+// src/utils/templates/flex-grid/align-self/center.tsx
 var import_jsx_runtime613 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/flex-grow/grow-0.tsx
+// src/utils/templates/flex-grid/align-self/end.tsx
 var import_jsx_runtime614 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/flex-grow/grow-1.tsx
+// src/utils/templates/flex-grid/align-self/start.tsx
 var import_jsx_runtime615 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/flex-srink/shrink-0.tsx
+// src/utils/templates/flex-grid/align-self/stretch.tsx
 var import_jsx_runtime616 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/flex-srink/shrink-1.tsx
+// src/utils/templates/flex-grid/flex/auto.tsx
 var import_jsx_runtime617 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/flex-wrap/nowrap.tsx
+// src/utils/templates/flex-grid/flex/flex-1.tsx
 var import_jsx_runtime618 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/flex-wrap/wrap-reverse.tsx
+// src/utils/templates/flex-grid/flex/initial.tsx
 var import_jsx_runtime619 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/flex-wrap/wrap.tsx
+// src/utils/templates/flex-grid/flex/none.tsx
 var import_jsx_runtime620 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/gap/size-x-y.tsx
+// src/utils/templates/flex-grid/flex-basis/auto.tsx
 var import_jsx_runtime621 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/gap/size.tsx
+// src/utils/templates/flex-grid/flex-basis/size.tsx
 var import_jsx_runtime622 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/grid-auto-cols/auto.tsx
+// src/utils/templates/flex-grid/flex-direction/column-reverse.tsx
 var import_jsx_runtime623 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/grid-auto-cols/fr.tsx
+// src/utils/templates/flex-grid/flex-direction/column.tsx
 var import_jsx_runtime624 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/grid-auto-cols/max.tsx
+// src/utils/templates/flex-grid/flex-direction/row-reverse.tsx
 var import_jsx_runtime625 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/grid-auto-cols/min.tsx
+// src/utils/templates/flex-grid/flex-direction/row.tsx
 var import_jsx_runtime626 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/grid-auto-flow/column.tsx
+// src/utils/templates/flex-grid/flex-grow/grow-0.tsx
 var import_jsx_runtime627 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/grid-auto-flow/dense.tsx
+// src/utils/templates/flex-grid/flex-grow/grow-1.tsx
 var import_jsx_runtime628 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/grid-auto-flow/row.tsx
+// src/utils/templates/flex-grid/flex-srink/shrink-0.tsx
 var import_jsx_runtime629 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/grid-auto-rows/auto.tsx
+// src/utils/templates/flex-grid/flex-srink/shrink-1.tsx
 var import_jsx_runtime630 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/grid-auto-rows/fr.tsx
+// src/utils/templates/flex-grid/flex-wrap/nowrap.tsx
 var import_jsx_runtime631 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/grid-auto-rows/min.tsx
+// src/utils/templates/flex-grid/flex-wrap/wrap-reverse.tsx
 var import_jsx_runtime632 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/grid-col-start-end/start-end-n.tsx
+// src/utils/templates/flex-grid/flex-wrap/wrap.tsx
 var import_jsx_runtime633 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/grid-row-start-end/start-end-n.tsx
+// src/utils/templates/flex-grid/gap/size-x-y.tsx
 var import_jsx_runtime634 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/grid-template-cols/integer.tsx
+// src/utils/templates/flex-grid/gap/size.tsx
 var import_jsx_runtime635 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/grid-template-rows/integer.tsx
+// src/utils/templates/flex-grid/grid-auto-cols/auto.tsx
 var import_jsx_runtime636 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/justify-content/around.tsx
+// src/utils/templates/flex-grid/grid-auto-cols/fr.tsx
 var import_jsx_runtime637 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/justify-content/between.tsx
+// src/utils/templates/flex-grid/grid-auto-cols/max.tsx
 var import_jsx_runtime638 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/justify-content/center.tsx
+// src/utils/templates/flex-grid/grid-auto-cols/min.tsx
 var import_jsx_runtime639 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/justify-content/end.tsx
+// src/utils/templates/flex-grid/grid-auto-flow/column.tsx
 var import_jsx_runtime640 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/justify-content/evenly.tsx
+// src/utils/templates/flex-grid/grid-auto-flow/dense.tsx
 var import_jsx_runtime641 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/justify-content/normal.tsx
+// src/utils/templates/flex-grid/grid-auto-flow/row.tsx
 var import_jsx_runtime642 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/justify-content/start.tsx
+// src/utils/templates/flex-grid/grid-auto-rows/auto.tsx
 var import_jsx_runtime643 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/justify-content/stretch.tsx
+// src/utils/templates/flex-grid/grid-auto-rows/fr.tsx
 var import_jsx_runtime644 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/justify-items/center.tsx
+// src/utils/templates/flex-grid/grid-auto-rows/min.tsx
 var import_jsx_runtime645 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/justify-items/end.tsx
+// src/utils/templates/flex-grid/grid-col-start-end/start-end-n.tsx
 var import_jsx_runtime646 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/justify-items/start.tsx
+// src/utils/templates/flex-grid/grid-row-start-end/start-end-n.tsx
 var import_jsx_runtime647 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/justify-items/stretch.tsx
+// src/utils/templates/flex-grid/grid-template-cols/integer.tsx
 var import_jsx_runtime648 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/justify-self/center.tsx
+// src/utils/templates/flex-grid/grid-template-rows/integer.tsx
 var import_jsx_runtime649 = require("react/jsx-runtime");
 
-// src/utils/templates/flex-grid/justify-self/end.tsx
+// src/utils/templates/flex-grid/justify-content/around.tsx
 var import_jsx_runtime650 = require("react/jsx-runtime");
 
+// src/utils/templates/flex-grid/justify-content/between.tsx
+var import_jsx_runtime651 = require("react/jsx-runtime");
+
+// src/utils/templates/flex-grid/justify-content/center.tsx
+var import_jsx_runtime652 = require("react/jsx-runtime");
+
+// src/utils/templates/flex-grid/justify-content/end.tsx
+var import_jsx_runtime653 = require("react/jsx-runtime");
+
+// src/utils/templates/flex-grid/justify-content/evenly.tsx
+var import_jsx_runtime654 = require("react/jsx-runtime");
+
+// src/utils/templates/flex-grid/justify-content/normal.tsx
+var import_jsx_runtime655 = require("react/jsx-runtime");
+
+// src/utils/templates/flex-grid/justify-content/start.tsx
+var import_jsx_runtime656 = require("react/jsx-runtime");
+
+// src/utils/templates/flex-grid/justify-content/stretch.tsx
+var import_jsx_runtime657 = require("react/jsx-runtime");
+
+// src/utils/templates/flex-grid/justify-items/center.tsx
+var import_jsx_runtime658 = require("react/jsx-runtime");
+
+// src/utils/templates/flex-grid/justify-items/end.tsx
+var import_jsx_runtime659 = require("react/jsx-runtime");
+
+// src/utils/templates/flex-grid/justify-items/start.tsx
+var import_jsx_runtime660 = require("react/jsx-runtime");
+
+// src/utils/templates/flex-grid/justify-items/stretch.tsx
+var import_jsx_runtime661 = require("react/jsx-runtime");
+
+// src/utils/templates/flex-grid/justify-self/center.tsx
+var import_jsx_runtime662 = require("react/jsx-runtime");
+
+// src/utils/templates/flex-grid/justify-self/end.tsx
+var import_jsx_runtime663 = require("react/jsx-runtime");
+
 // src/utils/templates/flex-grid/justify-self/start.tsx
-var import_jsx_runtime651 = require("react/jsx-runtime");
+var import_jsx_runtime664 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/justify-self/stretch.tsx
-var import_jsx_runtime652 = require("react/jsx-runtime");
+var import_jsx_runtime665 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/order/first.tsx
-var import_jsx_runtime653 = require("react/jsx-runtime");
+var import_jsx_runtime666 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/order/integer.tsx
-var import_jsx_runtime654 = require("react/jsx-runtime");
+var import_jsx_runtime667 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/order/last.tsx
-var import_jsx_runtime655 = require("react/jsx-runtime");
+var import_jsx_runtime668 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/place-content/around.tsx
-var import_jsx_runtime656 = require("react/jsx-runtime");
+var import_jsx_runtime669 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/place-content/between.tsx
-var import_jsx_runtime657 = require("react/jsx-runtime");
+var import_jsx_runtime670 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/place-content/center.tsx
-var import_jsx_runtime658 = require("react/jsx-runtime");
+var import_jsx_runtime671 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/place-content/end.tsx
-var import_jsx_runtime659 = require("react/jsx-runtime");
+var import_jsx_runtime672 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/place-content/evenly.tsx
-var import_jsx_runtime660 = require("react/jsx-runtime");
+var import_jsx_runtime673 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/place-content/normal.tsx
-var import_jsx_runtime661 = require("react/jsx-runtime");
+var import_jsx_runtime674 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/place-content/start.tsx
-var import_jsx_runtime662 = require("react/jsx-runtime");
+var import_jsx_runtime675 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/place-content/stretch.tsx
-var import_jsx_runtime663 = require("react/jsx-runtime");
+var import_jsx_runtime676 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/place-items/center.tsx
-var import_jsx_runtime664 = require("react/jsx-runtime");
+var import_jsx_runtime677 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/place-items/end.tsx
-var import_jsx_runtime665 = require("react/jsx-runtime");
+var import_jsx_runtime678 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/place-items/start.tsx
-var import_jsx_runtime666 = require("react/jsx-runtime");
+var import_jsx_runtime679 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/place-items/stretch.tsx
-var import_jsx_runtime667 = require("react/jsx-runtime");
+var import_jsx_runtime680 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/place-self/center.tsx
-var import_jsx_runtime668 = require("react/jsx-runtime");
+var import_jsx_runtime681 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/place-self/end.tsx
-var import_jsx_runtime669 = require("react/jsx-runtime");
+var import_jsx_runtime682 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/place-self/start.tsx
-var import_jsx_runtime670 = require("react/jsx-runtime");
+var import_jsx_runtime683 = require("react/jsx-runtime");
 
 // src/utils/templates/flex-grid/place-self/stretch.tsx
-var import_jsx_runtime671 = require("react/jsx-runtime");
+var import_jsx_runtime684 = require("react/jsx-runtime");
 
 // src/utils/templates/interactivity/appearance/applying.tsx
-var import_jsx_runtime672 = require("react/jsx-runtime");
+var import_jsx_runtime685 = require("react/jsx-runtime");
 
 // src/utils/templates/interactivity/appearance/none.tsx
-var import_jsx_runtime673 = require("react/jsx-runtime");
+var import_jsx_runtime686 = require("react/jsx-runtime");
 
 // src/utils/templates/interactivity/cursor/applying.tsx
-var import_jsx_runtime674 = require("react/jsx-runtime");
+var import_jsx_runtime687 = require("react/jsx-runtime");
 
 // src/utils/templates/interactivity/pointer-events/applying.tsx
-var import_jsx_runtime675 = require("react/jsx-runtime");
+var import_jsx_runtime688 = require("react/jsx-runtime");
 
 // src/utils/templates/interactivity/resize/all-directions.tsx
-var import_jsx_runtime676 = require("react/jsx-runtime");
+var import_jsx_runtime689 = require("react/jsx-runtime");
 
 // src/utils/templates/interactivity/resize/horizontal.tsx
-var import_jsx_runtime677 = require("react/jsx-runtime");
+var import_jsx_runtime690 = require("react/jsx-runtime");
 
 // src/utils/templates/interactivity/resize/no-resizing.tsx
-var import_jsx_runtime678 = require("react/jsx-runtime");
+var import_jsx_runtime691 = require("react/jsx-runtime");
 
 // src/utils/templates/interactivity/resize/vertical.tsx
-var import_jsx_runtime679 = require("react/jsx-runtime");
+var import_jsx_runtime692 = require("react/jsx-runtime");
 
 // src/utils/templates/interactivity/touch-action/auto.tsx
-var import_jsx_runtime680 = require("react/jsx-runtime");
+var import_jsx_runtime693 = require("react/jsx-runtime");
 
 // src/utils/templates/interactivity/touch-action/horizontal.tsx
-var import_jsx_runtime681 = require("react/jsx-runtime");
+var import_jsx_runtime694 = require("react/jsx-runtime");
 
 // src/utils/templates/interactivity/touch-action/none.tsx
-var import_jsx_runtime682 = require("react/jsx-runtime");
+var import_jsx_runtime695 = require("react/jsx-runtime");
 
 // src/utils/templates/interactivity/touch-action/vertical.tsx
-var import_jsx_runtime683 = require("react/jsx-runtime");
+var import_jsx_runtime696 = require("react/jsx-runtime");
 
 // src/utils/templates/interactivity/user-select/all.tsx
-var import_jsx_runtime684 = require("react/jsx-runtime");
+var import_jsx_runtime697 = require("react/jsx-runtime");
 
 // src/utils/templates/interactivity/user-select/none.tsx
-var import_jsx_runtime685 = require("react/jsx-runtime");
+var import_jsx_runtime698 = require("react/jsx-runtime");
 
 // src/utils/templates/interactivity/user-select/text.tsx
-var import_jsx_runtime686 = require("react/jsx-runtime");
+var import_jsx_runtime699 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/aspect-ratio/auto.tsx
-var import_jsx_runtime687 = require("react/jsx-runtime");
+var import_jsx_runtime700 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/aspect-ratio/one.tsx
-var import_jsx_runtime688 = require("react/jsx-runtime");
+var import_jsx_runtime701 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/aspect-ratio/sqaure.tsx
-var import_jsx_runtime689 = require("react/jsx-runtime");
+var import_jsx_runtime702 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/aspect-ratio/video.tsx
-var import_jsx_runtime690 = require("react/jsx-runtime");
+var import_jsx_runtime703 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/box-sizing/border.tsx
-var import_jsx_runtime691 = require("react/jsx-runtime");
+var import_jsx_runtime704 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/box-sizing/content.tsx
-var import_jsx_runtime692 = require("react/jsx-runtime");
+var import_jsx_runtime705 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/clear/both.tsx
-var import_jsx_runtime693 = require("react/jsx-runtime");
+var import_jsx_runtime706 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/clear/left.tsx
-var import_jsx_runtime694 = require("react/jsx-runtime");
+var import_jsx_runtime707 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/clear/no-clear.tsx
-var import_jsx_runtime695 = require("react/jsx-runtime");
+var import_jsx_runtime708 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/clear/right.tsx
-var import_jsx_runtime696 = require("react/jsx-runtime");
+var import_jsx_runtime709 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/columns/automatic.tsx
-var import_jsx_runtime697 = require("react/jsx-runtime");
+var import_jsx_runtime710 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/columns/count.tsx
-var import_jsx_runtime698 = require("react/jsx-runtime");
+var import_jsx_runtime711 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/display/block.tsx
-var import_jsx_runtime699 = require("react/jsx-runtime");
+var import_jsx_runtime712 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/display/flex.tsx
-var import_jsx_runtime700 = require("react/jsx-runtime");
+var import_jsx_runtime713 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/display/inline.tsx
-var import_jsx_runtime701 = require("react/jsx-runtime");
+var import_jsx_runtime714 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/display/none.tsx
-var import_jsx_runtime702 = require("react/jsx-runtime");
+var import_jsx_runtime715 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/float/left.tsx
-var import_jsx_runtime703 = require("react/jsx-runtime");
+var import_jsx_runtime716 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/float/no-float.tsx
-var import_jsx_runtime704 = require("react/jsx-runtime");
+var import_jsx_runtime717 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/float/right.tsx
-var import_jsx_runtime705 = require("react/jsx-runtime");
+var import_jsx_runtime718 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/object-fit/contain.tsx
-var import_jsx_runtime706 = require("react/jsx-runtime");
+var import_jsx_runtime719 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/object-fit/cover.tsx
-var import_jsx_runtime707 = require("react/jsx-runtime");
+var import_jsx_runtime720 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/object-fit/fill.tsx
-var import_jsx_runtime708 = require("react/jsx-runtime");
+var import_jsx_runtime721 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/object-fit/scale-down.tsx
-var import_jsx_runtime709 = require("react/jsx-runtime");
+var import_jsx_runtime722 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/object-position/position.tsx
-var import_jsx_runtime710 = require("react/jsx-runtime");
+var import_jsx_runtime723 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/overflow/hidden.tsx
-var import_jsx_runtime711 = require("react/jsx-runtime");
+var import_jsx_runtime724 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/overflow/horizontal.tsx
-var import_jsx_runtime712 = require("react/jsx-runtime");
+var import_jsx_runtime725 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/overflow/vertical.tsx
-var import_jsx_runtime713 = require("react/jsx-runtime");
+var import_jsx_runtime726 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/overflow/visible.tsx
-var import_jsx_runtime714 = require("react/jsx-runtime");
+var import_jsx_runtime727 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/placement/multiple.tsx
-var import_jsx_runtime715 = require("react/jsx-runtime");
+var import_jsx_runtime728 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/placement/single.tsx
-var import_jsx_runtime716 = require("react/jsx-runtime");
+var import_jsx_runtime729 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/position/applying.tsx
-var import_jsx_runtime717 = require("react/jsx-runtime");
+var import_jsx_runtime730 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/visibility/invisible.tsx
-var import_jsx_runtime718 = require("react/jsx-runtime");
+var import_jsx_runtime731 = require("react/jsx-runtime");
 
 // src/utils/templates/layout/z-index/applying.tsx
-var import_jsx_runtime719 = require("react/jsx-runtime");
+var import_jsx_runtime732 = require("react/jsx-runtime");
 
 // src/utils/templates/sizing/height/fixed.tsx
-var import_jsx_runtime720 = require("react/jsx-runtime");
+var import_jsx_runtime733 = require("react/jsx-runtime");
 
 // src/utils/templates/sizing/height/full.tsx
-var import_jsx_runtime721 = require("react/jsx-runtime");
+var import_jsx_runtime734 = require("react/jsx-runtime");
 
 // src/utils/templates/sizing/height/maximum.tsx
-var import_jsx_runtime722 = require("react/jsx-runtime");
+var import_jsx_runtime735 = require("react/jsx-runtime");
 
 // src/utils/templates/sizing/height/minimum.tsx
-var import_jsx_runtime723 = require("react/jsx-runtime");
+var import_jsx_runtime736 = require("react/jsx-runtime");
 
 // src/utils/templates/sizing/height/screen.tsx
-var import_jsx_runtime724 = require("react/jsx-runtime");
+var import_jsx_runtime737 = require("react/jsx-runtime");
 
 // src/utils/templates/sizing/width/fixed.tsx
-var import_jsx_runtime725 = require("react/jsx-runtime");
+var import_jsx_runtime738 = require("react/jsx-runtime");
 
 // src/utils/templates/sizing/width/full.tsx
-var import_jsx_runtime726 = require("react/jsx-runtime");
+var import_jsx_runtime739 = require("react/jsx-runtime");
 
 // src/utils/templates/sizing/width/maximum.tsx
-var import_jsx_runtime727 = require("react/jsx-runtime");
+var import_jsx_runtime740 = require("react/jsx-runtime");
 
 // src/utils/templates/sizing/width/minimum.tsx
-var import_jsx_runtime728 = require("react/jsx-runtime");
+var import_jsx_runtime741 = require("react/jsx-runtime");
 
 // src/utils/templates/sizing/width/screen.tsx
-var import_jsx_runtime729 = require("react/jsx-runtime");
+var import_jsx_runtime742 = require("react/jsx-runtime");
 
 // src/utils/templates/spacing/margin/all.tsx
-var import_jsx_runtime730 = require("react/jsx-runtime");
+var import_jsx_runtime743 = require("react/jsx-runtime");
 
 // src/utils/templates/spacing/margin/single.tsx
-var import_jsx_runtime731 = require("react/jsx-runtime");
+var import_jsx_runtime744 = require("react/jsx-runtime");
 
 // src/utils/templates/spacing/margin/x.tsx
-var import_jsx_runtime732 = require("react/jsx-runtime");
+var import_jsx_runtime745 = require("react/jsx-runtime");
 
 // src/utils/templates/spacing/margin/y.tsx
-var import_jsx_runtime733 = require("react/jsx-runtime");
+var import_jsx_runtime746 = require("react/jsx-runtime");
 
 // src/utils/templates/spacing/padding/all.tsx
-var import_jsx_runtime734 = require("react/jsx-runtime");
+var import_jsx_runtime747 = require("react/jsx-runtime");
 
 // src/utils/templates/spacing/padding/single.tsx
-var import_jsx_runtime735 = require("react/jsx-runtime");
+var import_jsx_runtime748 = require("react/jsx-runtime");
 
 // src/utils/templates/spacing/padding/x.tsx
-var import_jsx_runtime736 = require("react/jsx-runtime");
+var import_jsx_runtime749 = require("react/jsx-runtime");
 
 // src/utils/templates/spacing/padding/y.tsx
-var import_jsx_runtime737 = require("react/jsx-runtime");
+var import_jsx_runtime750 = require("react/jsx-runtime");
 
 // src/utils/templates/svg/fill/color.tsx
-var import_jsx_runtime738 = require("react/jsx-runtime");
+var import_jsx_runtime751 = require("react/jsx-runtime");
 
 // src/utils/templates/svg/stroke/color.tsx
-var import_jsx_runtime739 = require("react/jsx-runtime");
+var import_jsx_runtime752 = require("react/jsx-runtime");
 
 // src/utils/templates/table/border-collapse/collapse.tsx
-var import_jsx_runtime740 = require("react/jsx-runtime");
+var import_jsx_runtime753 = require("react/jsx-runtime");
 
 // src/utils/templates/table/border-collapse/separate.tsx
-var import_jsx_runtime741 = require("react/jsx-runtime");
+var import_jsx_runtime754 = require("react/jsx-runtime");
 
 // src/utils/templates/table/table-layout/auto.tsx
-var import_jsx_runtime742 = require("react/jsx-runtime");
+var import_jsx_runtime755 = require("react/jsx-runtime");
 
 // src/utils/templates/table/table-layout/fixed.tsx
-var import_jsx_runtime743 = require("react/jsx-runtime");
+var import_jsx_runtime756 = require("react/jsx-runtime");
 
 // src/utils/templates/transform/flip/horizontal.tsx
-var import_jsx_runtime744 = require("react/jsx-runtime");
+var import_jsx_runtime757 = require("react/jsx-runtime");
 
 // src/utils/templates/transform/flip/vertical.tsx
-var import_jsx_runtime745 = require("react/jsx-runtime");
+var import_jsx_runtime758 = require("react/jsx-runtime");
 
 // src/utils/templates/transform/origin/applying.tsx
-var import_jsx_runtime746 = require("react/jsx-runtime");
+var import_jsx_runtime759 = require("react/jsx-runtime");
 
 // src/utils/templates/transform/rotate/applying.tsx
-var import_jsx_runtime747 = require("react/jsx-runtime");
+var import_jsx_runtime760 = require("react/jsx-runtime");
 
 // src/utils/templates/transform/scale/applying.tsx
-var import_jsx_runtime748 = require("react/jsx-runtime");
+var import_jsx_runtime761 = require("react/jsx-runtime");
 
 // src/utils/templates/transform/skew/applying.tsx
-var import_jsx_runtime749 = require("react/jsx-runtime");
+var import_jsx_runtime762 = require("react/jsx-runtime");
 
 // src/utils/templates/transform/translate/applying.tsx
-var import_jsx_runtime750 = require("react/jsx-runtime");
+var import_jsx_runtime763 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/font-style/italic.tsx
-var import_jsx_runtime751 = require("react/jsx-runtime");
+var import_jsx_runtime764 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/font-weight/size.tsx
-var import_jsx_runtime752 = require("react/jsx-runtime");
+var import_jsx_runtime765 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/list-style-type/decimal.tsx
-var import_jsx_runtime753 = require("react/jsx-runtime");
+var import_jsx_runtime766 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/list-style-type/disc.tsx
-var import_jsx_runtime754 = require("react/jsx-runtime");
+var import_jsx_runtime767 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/list-style-type/none.tsx
-var import_jsx_runtime755 = require("react/jsx-runtime");
+var import_jsx_runtime768 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/text-align/center.tsx
-var import_jsx_runtime756 = require("react/jsx-runtime");
+var import_jsx_runtime769 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/text-align/justify.tsx
-var import_jsx_runtime757 = require("react/jsx-runtime");
+var import_jsx_runtime770 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/text-align/left.tsx
-var import_jsx_runtime758 = require("react/jsx-runtime");
+var import_jsx_runtime771 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/text-align/right.tsx
-var import_jsx_runtime759 = require("react/jsx-runtime");
+var import_jsx_runtime772 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/text-color/inherit.tsx
-var import_jsx_runtime760 = require("react/jsx-runtime");
+var import_jsx_runtime773 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/text-color/white.tsx
-var import_jsx_runtime761 = require("react/jsx-runtime");
+var import_jsx_runtime774 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/text-decoration/all.tsx
-var import_jsx_runtime762 = require("react/jsx-runtime");
+var import_jsx_runtime775 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/text-overflow/clip.tsx
-var import_jsx_runtime763 = require("react/jsx-runtime");
+var import_jsx_runtime776 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/text-overflow/ellipsis.tsx
-var import_jsx_runtime764 = require("react/jsx-runtime");
+var import_jsx_runtime777 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/text-transform/all.tsx
-var import_jsx_runtime765 = require("react/jsx-runtime");
+var import_jsx_runtime778 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/vertical-align/baseline.tsx
-var import_jsx_runtime766 = require("react/jsx-runtime");
+var import_jsx_runtime779 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/vertical-align/bottom.tsx
-var import_jsx_runtime767 = require("react/jsx-runtime");
+var import_jsx_runtime780 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/vertical-align/center.tsx
-var import_jsx_runtime768 = require("react/jsx-runtime");
+var import_jsx_runtime781 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/vertical-align/top.tsx
-var import_jsx_runtime769 = require("react/jsx-runtime");
+var import_jsx_runtime782 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/white-space/normal.tsx
-var import_jsx_runtime770 = require("react/jsx-runtime");
+var import_jsx_runtime783 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/white-space/nowrap.tsx
-var import_jsx_runtime771 = require("react/jsx-runtime");
+var import_jsx_runtime784 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/white-space/pre-line.tsx
-var import_jsx_runtime772 = require("react/jsx-runtime");
+var import_jsx_runtime785 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/white-space/pre-wrap.tsx
-var import_jsx_runtime773 = require("react/jsx-runtime");
+var import_jsx_runtime786 = require("react/jsx-runtime");
 
 // src/utils/templates/typography/white-space/pre.tsx
-var import_jsx_runtime774 = require("react/jsx-runtime");
+var import_jsx_runtime787 = require("react/jsx-runtime");
 
 // src/multiviewcalendar/templates/multiviewcalendar-century.tsx
-var import_jsx_runtime775 = require("react/jsx-runtime");
+var import_jsx_runtime788 = require("react/jsx-runtime");
 
 // src/multiviewcalendar/templates/multiviewcalendar-decade.tsx
-var import_jsx_runtime776 = require("react/jsx-runtime");
+var import_jsx_runtime789 = require("react/jsx-runtime");
 
 // src/multiviewcalendar/templates/multiviewcalendar-normal.tsx
-var import_jsx_runtime777 = require("react/jsx-runtime");
-var MultiViewCalendarNormal = ({ showOtherMonth, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(
+var import_jsx_runtime790 = require("react/jsx-runtime");
+var MultiViewCalendarNormal = ({ showOtherMonth, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(
   MultiViewCalendar,
   {
     calendarView: "month",
     showTableHead: true,
-    children: /* @__PURE__ */ (0, import_jsx_runtime777.jsxs)(import_jsx_runtime777.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime777.jsxs)(CalendarTableRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "30", showOtherMonth, empty: !showOtherMonth, weekend: showOtherMonth }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "6", weekend: true })
+    children: /* @__PURE__ */ (0, import_jsx_runtime790.jsxs)(import_jsx_runtime790.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime790.jsxs)(CalendarTableRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "30", showOtherMonth, empty: !showOtherMonth, weekend: showOtherMonth }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "6", weekend: true })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime777.jsxs)(CalendarTableRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "7", weekend: true }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "8" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "9" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "10" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "11" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "12" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "13", weekend: true })
+      /* @__PURE__ */ (0, import_jsx_runtime790.jsxs)(CalendarTableRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "7", weekend: true }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "11" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "13", weekend: true })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime777.jsxs)(CalendarTableRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "14", weekend: true }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "15" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "16", today: true }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "17" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "18" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "19" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "20", weekend: true })
+      /* @__PURE__ */ (0, import_jsx_runtime790.jsxs)(CalendarTableRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "14", weekend: true }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "15" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "16", today: true }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "17" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "19" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "20", weekend: true })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime777.jsxs)(CalendarTableRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "21", weekend: true }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "22" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "23" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "24" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "25" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "26" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "27", weekend: true })
+      /* @__PURE__ */ (0, import_jsx_runtime790.jsxs)(CalendarTableRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "21", weekend: true }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "22" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "23" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "24" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "25" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "26" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "27", weekend: true })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime777.jsxs)(CalendarTableRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "28", weekend: true }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "29" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "30" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "31" }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "1", showOtherMonth, empty: !showOtherMonth }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "2", showOtherMonth, empty: !showOtherMonth }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "3", showOtherMonth, empty: !showOtherMonth, weekend: showOtherMonth })
+      /* @__PURE__ */ (0, import_jsx_runtime790.jsxs)(CalendarTableRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "28", weekend: true }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "29" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "30" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "31" }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "1", showOtherMonth, empty: !showOtherMonth }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "2", showOtherMonth, empty: !showOtherMonth }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "3", showOtherMonth, empty: !showOtherMonth, weekend: showOtherMonth })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime777.jsxs)(CalendarTableRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "4", showOtherMonth, empty: !showOtherMonth, weekend: showOtherMonth }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "5", showOtherMonth, empty: !showOtherMonth }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "6", showOtherMonth, empty: !showOtherMonth }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "7", showOtherMonth, empty: !showOtherMonth }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "8", showOtherMonth, empty: !showOtherMonth }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "9", showOtherMonth, empty: !showOtherMonth }),
-        /* @__PURE__ */ (0, import_jsx_runtime777.jsx)(CalendarCell, { text: "10", showOtherMonth, empty: !showOtherMonth, weekend: showOtherMonth })
+      /* @__PURE__ */ (0, import_jsx_runtime790.jsxs)(CalendarTableRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "4", showOtherMonth, empty: !showOtherMonth, weekend: showOtherMonth }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "5", showOtherMonth, empty: !showOtherMonth }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "6", showOtherMonth, empty: !showOtherMonth }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "7", showOtherMonth, empty: !showOtherMonth }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "8", showOtherMonth, empty: !showOtherMonth }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "9", showOtherMonth, empty: !showOtherMonth }),
+        /* @__PURE__ */ (0, import_jsx_runtime790.jsx)(CalendarCell, { text: "10", showOtherMonth, empty: !showOtherMonth, weekend: showOtherMonth })
       ] })
     ] }),
     ...props
@@ -18721,23 +18941,23 @@ var MultiViewCalendarNormal = ({ showOtherMonth, ...props }) => /* @__PURE__ */
 );
 
 // src/multiviewcalendar/templates/multiviewcalendar-with-weeks.tsx
-var import_jsx_runtime778 = require("react/jsx-runtime");
+var import_jsx_runtime791 = require("react/jsx-runtime");
 
 // src/multiviewcalendar/templates/multiviewcalendar-year.tsx
-var import_jsx_runtime779 = require("react/jsx-runtime");
+var import_jsx_runtime792 = require("react/jsx-runtime");
 
 // src/daterangepicker/daterangepicker.spec.tsx
-var import_jsx_runtime780 = require("react/jsx-runtime");
+var import_jsx_runtime793 = require("react/jsx-runtime");
 var DATERANGEPICKER_CLASSNAME = `k-daterangepicker`;
-var states201 = [
+var states207 = [
   States.disabled
 ];
-var options186 = {
+var options192 = {
   size: [Size.small, Size.medium, Size.large],
   rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
   fillMode: [FillMode.solid, FillMode.flat, FillMode.outline]
 };
-var defaultProps190 = {};
+var defaultProps196 = {};
 var DateRangePicker = (props) => {
   const {
     size,
@@ -18751,8 +18971,8 @@ var DateRangePicker = (props) => {
     dir,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime780.jsxs)(import_jsx_runtime780.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime780.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime793.jsxs)(import_jsx_runtime793.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime793.jsxs)(
       "span",
       {
         ...other,
@@ -18763,7 +18983,7 @@ var DateRangePicker = (props) => {
           stateClassNames(DATERANGEPICKER_CLASSNAME, { disabled })
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime780.jsx)(FloatingLabel, { label: "Start", children: /* @__PURE__ */ (0, import_jsx_runtime780.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime793.jsx)(FloatingLabel, { label: "Start", children: /* @__PURE__ */ (0, import_jsx_runtime793.jsx)(
             DateInput,
             {
               showSpinButton: false,
@@ -18772,7 +18992,7 @@ var DateRangePicker = (props) => {
               fillMode
             }
           ) }),
-          swapButton && /* @__PURE__ */ (0, import_jsx_runtime780.jsx)(
+          swapButton && /* @__PURE__ */ (0, import_jsx_runtime793.jsx)(
             Button,
             {
               rounded,
@@ -18782,7 +19002,7 @@ var DateRangePicker = (props) => {
               iconClassName: "k-rotate-90"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime780.jsx)(FloatingLabel, { label: "End", children: /* @__PURE__ */ (0, import_jsx_runtime780.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime793.jsx)(FloatingLabel, { label: "End", children: /* @__PURE__ */ (0, import_jsx_runtime793.jsx)(
             DateInput,
             {
               showSpinButton: false,
@@ -18794,9 +19014,9 @@ var DateRangePicker = (props) => {
         ]
       }
     ),
-    opened && /* @__PURE__ */ (0, import_jsx_runtime780.jsx)(Popup, { className: "k-calendar-container k-daterangepicker-popup", children: /* @__PURE__ */ (0, import_jsx_runtime780.jsx)(MultiViewCalendarNormal, { dir }) }),
-    adaptive && /* @__PURE__ */ (0, import_jsx_runtime780.jsxs)(ActionSheet, { adaptive: true, ...adaptiveSettings, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime780.jsx)(
+    opened && /* @__PURE__ */ (0, import_jsx_runtime793.jsx)(Popup, { className: "k-calendar-container k-daterangepicker-popup", children: /* @__PURE__ */ (0, import_jsx_runtime793.jsx)(MultiViewCalendarNormal, { dir }) }),
+    adaptive && /* @__PURE__ */ (0, import_jsx_runtime793.jsxs)(ActionSheet, { adaptive: true, ...adaptiveSettings, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime793.jsx)(
         ActionSheetHeader,
         {
           actions: ["x"],
@@ -18804,28 +19024,28 @@ var DateRangePicker = (props) => {
           subTitle: "DD / MM / YY"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime780.jsx)("div", { className: "k-scrollable-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime780.jsx)(MultiViewCalendarNormal, { size: "large", orientation: "vertical", calendarCaption: "October 2021" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime793.jsx)("div", { className: "k-scrollable-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime793.jsx)(MultiViewCalendarNormal, { size: "large", orientation: "vertical", calendarCaption: "October 2021" }) })
     ] })
   ] });
 };
-DateRangePicker.states = states201;
-DateRangePicker.options = options186;
+DateRangePicker.states = states207;
+DateRangePicker.options = options192;
 DateRangePicker.className = DATERANGEPICKER_CLASSNAME;
-DateRangePicker.defaultProps = defaultProps190;
+DateRangePicker.defaultProps = defaultProps196;
 var daterangepicker_spec_default = DateRangePicker;
 
 // src/daterangepicker/templates/daterangepicker-normal.tsx
-var import_jsx_runtime781 = require("react/jsx-runtime");
-var DateRangePickerNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime781.jsx)(daterangepicker_spec_default, { ...props });
+var import_jsx_runtime794 = require("react/jsx-runtime");
+var DateRangePickerNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime794.jsx)(daterangepicker_spec_default, { ...props });
 
 // src/daterangepicker/templates/daterangepicker-popup.tsx
-var import_jsx_runtime782 = require("react/jsx-runtime");
+var import_jsx_runtime795 = require("react/jsx-runtime");
 
 // src/daterangepicker/templates/daterangepicker-adaptive.tsx
-var import_jsx_runtime783 = require("react/jsx-runtime");
+var import_jsx_runtime796 = require("react/jsx-runtime");
 
 // src/daterangepicker/tests/daterangepicker-size-rounded.tsx
-var import_jsx_runtime784 = require("react/jsx-runtime");
+var import_jsx_runtime797 = require("react/jsx-runtime");
 var styles = `
     #test-area {
         grid-template-columns: 120px repeat(3, 1fr);
@@ -18834,16 +19054,16 @@ var styles = `
         width: 5em;
     }
 `;
-var daterangepicker_size_rounded_default = () => /* @__PURE__ */ (0, import_jsx_runtime784.jsxs)(import_jsx_runtime784.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime784.jsx)("style", { children: styles }),
-  /* @__PURE__ */ (0, import_jsx_runtime784.jsxs)("div", { id: "test-area", className: "k-d-grid", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime784.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime784.jsx)("small", { children: "rounded / size" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime784.jsx)("span", { children: "small" }),
-    /* @__PURE__ */ (0, import_jsx_runtime784.jsx)("span", { children: "medium" }),
-    /* @__PURE__ */ (0, import_jsx_runtime784.jsx)("span", { children: "large" }),
-    DateRangePicker.options.rounded.map((rounded) => /* @__PURE__ */ (0, import_jsx_runtime784.jsxs)(import_jsx_runtime784.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime784.jsx)("span", { children: rounded }),
-      DateRangePicker.options.size.map((size) => /* @__PURE__ */ (0, import_jsx_runtime784.jsx)(import_jsx_runtime784.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime784.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime784.jsx)(DateRangePickerNormal, { size, rounded }) }) }))
+var daterangepicker_size_rounded_default = () => /* @__PURE__ */ (0, import_jsx_runtime797.jsxs)(import_jsx_runtime797.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime797.jsx)("style", { children: styles }),
+  /* @__PURE__ */ (0, import_jsx_runtime797.jsxs)("div", { id: "test-area", className: "k-d-grid", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime797.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime797.jsx)("small", { children: "rounded / size" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime797.jsx)("span", { children: "small" }),
+    /* @__PURE__ */ (0, import_jsx_runtime797.jsx)("span", { children: "medium" }),
+    /* @__PURE__ */ (0, import_jsx_runtime797.jsx)("span", { children: "large" }),
+    DateRangePicker.options.rounded.map((rounded) => /* @__PURE__ */ (0, import_jsx_runtime797.jsxs)(import_jsx_runtime797.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime797.jsx)("span", { children: rounded }),
+      DateRangePicker.options.size.map((size) => /* @__PURE__ */ (0, import_jsx_runtime797.jsx)(import_jsx_runtime797.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime797.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime797.jsx)(DateRangePickerNormal, { size, rounded }) }) }))
     ] }))
   ] })
 ] });