@progress/kendo-themes-html 7.0.3-dev.0 → 7.0.3-dev.2

package/dist/esm/breadcrumb/{tests/breadcrumb-adaptive.js → templates/breadcrumb-root-adaptive.js}

@@ -98,11 +98,199 @@ var States = {
   "readonly": "readonly"
 };
 
+// src/breadcrumb/breadcrumb.spec.tsx
+import { jsx } from "react/jsx-runtime";
+var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
+var states = [
+  States.focus
+];
+var options = {
+  size: [Size.small, Size.medium, Size.large]
+};
+var defaultProps = {
+  collapsing: "auto",
+  size: Size.medium
+};
+var Breadcrumb = (props) => {
+  const {
+    size = defaultProps.size,
+    collapsing = defaultProps.collapsing,
+    focus,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        BREADCRUMB_CLASSNAME,
+        stateClassNames(BREADCRUMB_CLASSNAME, {
+          focus
+        }),
+        optionClassNames(BREADCRUMB_CLASSNAME, {
+          size
+        }),
+        {
+          "k-breadcrumb-wrap": collapsing === "wrap"
+        }
+      ),
+      children: props.children
+    }
+  );
+};
+Breadcrumb.states = states;
+Breadcrumb.options = options;
+Breadcrumb.className = BREADCRUMB_CLASSNAME;
+Breadcrumb.defaultProps = defaultProps;
+
+// src/breadcrumb/breadcrumb-root-item-container.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var BREADCRUMBROOTITEMCONTAINER_CLASSNAME = `k-breadcrumb-root-item-container`;
+var BreadcrumbRootItemContainer = (props) => {
+  const {
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx2(
+    "ol",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        BREADCRUMBROOTITEMCONTAINER_CLASSNAME
+      ),
+      children: props.children
+    }
+  );
+};
+
+// src/breadcrumb/breadcrumb-input-container.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+
+// src/breadcrumb/breadcrumb-container.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var BREADCRUMBCONTAINER_CLASSNAME = `k-breadcrumb-container`;
+var defaultProps2 = {
+  collapsing: "auto"
+};
+var BreadcrumbContainer = (props) => {
+  const {
+    collapsing = defaultProps2.collapsing,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx4(
+    "ol",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        BREADCRUMBCONTAINER_CLASSNAME,
+        {
+          "!k-flex-wrap": collapsing === "wrap",
+          "k-flex-none": collapsing === "none"
+        }
+      ),
+      children: props.children
+    }
+  );
+};
+
+// src/breadcrumb/breadcrumb-item.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var BREADCRUMBITEM_CLASSNAME = `k-breadcrumb-item`;
+var BreadcrumbItem = (props) => {
+  const {
+    root,
+    last,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx5(
+    "li",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        BREADCRUMBITEM_CLASSNAME,
+        {
+          "k-breadcrumb-root-item": root,
+          "k-breadcrumb-last-item": last
+        }
+      ),
+      children: props.children
+    }
+  );
+};
+
+// src/breadcrumb/breadcrumb-link.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var BREADCRUMBLINK_CLASSNAME = ``;
+var states2 = [
+  States.hover,
+  States.focus,
+  States.disabled
+];
+var BreadcrumbLink = (props) => {
+  const {
+    root,
+    icon,
+    icontext,
+    hover,
+    focus,
+    disabled,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx6(
+    "a",
+    {
+      href: "#",
+      ...other,
+      className: classNames(
+        props.className,
+        stateClassNames(BREADCRUMBLINK_CLASSNAME, {
+          hover,
+          focus,
+          disabled
+        }),
+        {
+          "k-breadcrumb-link": !root,
+          "k-breadcrumb-root-link": root,
+          "k-breadcrumb-icon-link": icon,
+          "k-breadcrumb-icontext-link": icontext
+        }
+      ),
+      children: props.children
+    }
+  );
+};
+BreadcrumbLink.states = states2;
+
+// src/breadcrumb/breadcrumb-item-text.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+var BREADCRUMBITEMTEXT_CLASSNAME = `k-breadcrumb-item-text`;
+var BreadcrumbItemText = (props) => {
+  const {
+    text,
+    ...other
+  } = props;
+  const textOrChildren = text ? text : props.children;
+  return /* @__PURE__ */ jsx7(
+    "span",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        BREADCRUMBITEMTEXT_CLASSNAME
+      ),
+      children: textOrChildren
+    }
+  );
+};
+
 // src/icon/font-icon.spec.tsx
-import { Fragment, jsx } from "react/jsx-runtime";
+import { Fragment, jsx as jsx8 } from "react/jsx-runtime";
 var FONTICON_CLASSNAME = `k-icon k-font-icon`;
-var states = [];
-var options = {
+var states3 = [];
+var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
   themeColor: [
     ThemeColor.base,
@@ -117,7 +305,7 @@ var options = {
     ThemeColor.dark
   ]
 };
-var defaultProps = {};
+var defaultProps3 = {};
 var FontIcon = (props) => {
   const {
     size,
@@ -128,9 +316,9 @@ var FontIcon = (props) => {
     ...other
   } = props;
   if (!icon) {
-    return /* @__PURE__ */ jsx(Fragment, {});
+    return /* @__PURE__ */ jsx8(Fragment, {});
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx8(
     "span",
     {
       ...other,
@@ -151,17 +339,17 @@ var FontIcon = (props) => {
     }
   );
 };
-FontIcon.states = states;
-FontIcon.options = options;
+FontIcon.states = states3;
+FontIcon.options = options2;
 FontIcon.className = FONTICON_CLASSNAME;
-FontIcon.defaultProps = defaultProps;
+FontIcon.defaultProps = defaultProps3;
 var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
-import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx9 } from "react/jsx-runtime";
 var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
-var states2 = [];
-var options2 = {
+var states4 = [];
+var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
   themeColor: [
     ThemeColor.base,
@@ -176,7 +364,7 @@ var options2 = {
     ThemeColor.dark
   ]
 };
-var defaultProps2 = {
+var defaultProps4 = {
   viewBox: "0 0 24 24"
 };
 var SvgIcon = (props) => {
@@ -185,15 +373,15 @@ var SvgIcon = (props) => {
     themeColor,
     rotate,
     flip,
-    viewBox = defaultProps2.viewBox,
+    viewBox = defaultProps4.viewBox,
     icon,
     ...other
   } = props;
   if (!icon) {
-    return /* @__PURE__ */ jsx2(Fragment2, {});
+    return /* @__PURE__ */ jsx9(Fragment2, {});
   }
   if (icon === "none") {
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx9(
       "span",
       {
         ...other,
@@ -206,7 +394,7 @@ var SvgIcon = (props) => {
     );
   }
   const name = typeof icon === "object" && icon.name && icon.name;
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx9(
     "span",
     {
       ...other,
@@ -224,7 +412,7 @@ var SvgIcon = (props) => {
           "k-flip-v": flip === "v" || flip === "both"
         }
       ),
-      children: /* @__PURE__ */ jsx2(
+      children: /* @__PURE__ */ jsx9(
         "svg",
         {
           "aria-hidden": true,
@@ -238,10 +426,10 @@ var SvgIcon = (props) => {
     }
   );
 };
-SvgIcon.states = states2;
-SvgIcon.options = options2;
+SvgIcon.states = states4;
+SvgIcon.options = options3;
 SvgIcon.className = SVGICON_CLASSNAME;
-SvgIcon.defaultProps = defaultProps2;
+SvgIcon.defaultProps = defaultProps4;
 var svg_icon_spec_default = SvgIcon;
 
 // ../../node_modules/@progress/kendo-svg-icons/dist/index.es.js
@@ -4240,13 +4428,13 @@ var chartChoroplethIcon = {
 };
 
 // src/icon/icon.spec.tsx
-import { Fragment as Fragment3, jsx as jsx3 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx10 } from "react/jsx-runtime";
 var snakeToCamel = (str) => str.toLowerCase().replace(
   /([-_][a-z])/g,
   (group) => group.toUpperCase().replace("-", "").replace("_", "")
 );
-var states3 = [];
-var options3 = {
+var states5 = [];
+var options4 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
   themeColor: [
     ThemeColor.base,
@@ -4261,7 +4449,7 @@ var options3 = {
     ThemeColor.dark
   ]
 };
-var defaultProps3 = {
+var defaultProps5 = {
   viewBox: "0 0 24 24",
   type: "svg"
 };
@@ -4270,261 +4458,70 @@ var Icon = (props) => {
     size,
     themeColor,
     icon,
-    type = defaultProps3.type,
+    type = defaultProps5.type,
     rotate,
     flip,
-    viewBox = defaultProps3.viewBox,
+    viewBox = defaultProps5.viewBox,
     ...other
   } = props;
   if (!icon) {
-    return /* @__PURE__ */ jsx3(Fragment3, {});
+    return /* @__PURE__ */ jsx10(Fragment3, {});
   }
   if (type === "svg") {
     if (icon === "none") {
-      return /* @__PURE__ */ jsx3(svg_icon_spec_default, { ...other, icon, size });
+      return /* @__PURE__ */ jsx10(svg_icon_spec_default, { ...other, icon, size });
     }
     const iconSVG = snakeToCamel(`${icon}-icon`);
     if (!index_es_exports[iconSVG]) {
-      return /* @__PURE__ */ jsx3(Fragment3, {});
+      return /* @__PURE__ */ jsx10(Fragment3, {});
     }
-    return /* @__PURE__ */ jsx3(svg_icon_spec_default, { ...other, icon: index_es_exports[iconSVG], size, themeColor, rotate, flip, viewBox });
+    return /* @__PURE__ */ jsx10(svg_icon_spec_default, { ...other, icon: index_es_exports[iconSVG], size, themeColor, rotate, flip, viewBox });
   }
-  return /* @__PURE__ */ jsx3(font_icon_spec_default, { ...other, icon, size, themeColor, rotate, flip });
-};
-Icon.states = states3;
-Icon.options = options3;
-Icon.defaultProps = defaultProps3;
-
-// src/breadcrumb/breadcrumb.spec.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
-var states4 = [
-  States.focus
-];
-var options4 = {
-  size: [Size.small, Size.medium, Size.large]
-};
-var defaultProps4 = {
-  collapsing: "auto",
-  size: Size.medium
-};
-var Breadcrumb = (props) => {
-  const {
-    size = defaultProps4.size,
-    collapsing = defaultProps4.collapsing,
-    focus,
-    ...other
-  } = props;
-  return /* @__PURE__ */ jsx4(
-    "nav",
-    {
-      ...other,
-      className: classNames(
-        props.className,
-        BREADCRUMB_CLASSNAME,
-        stateClassNames(BREADCRUMB_CLASSNAME, {
-          focus
-        }),
-        optionClassNames(BREADCRUMB_CLASSNAME, {
-          size
-        }),
-        {
-          "k-breadcrumb-wrap": collapsing === "wrap"
-        }
-      ),
-      children: props.children
-    }
-  );
-};
-Breadcrumb.states = states4;
-Breadcrumb.options = options4;
-Breadcrumb.className = BREADCRUMB_CLASSNAME;
-Breadcrumb.defaultProps = defaultProps4;
-
-// src/breadcrumb/breadcrumb-root-item-container.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var BREADCRUMBROOTITEMCONTAINER_CLASSNAME = `k-breadcrumb-root-item-container`;
-var BreadcrumbRootItemContainer = (props) => {
-  const {
-    ...other
-  } = props;
-  return /* @__PURE__ */ jsx5(
-    "ol",
-    {
-      ...other,
-      className: classNames(
-        props.className,
-        BREADCRUMBROOTITEMCONTAINER_CLASSNAME
-      ),
-      children: props.children
-    }
-  );
-};
-
-// src/breadcrumb/breadcrumb-input-container.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-
-// src/breadcrumb/breadcrumb-container.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-var BREADCRUMBCONTAINER_CLASSNAME = `k-breadcrumb-container`;
-var defaultProps5 = {
-  collapsing: "auto"
-};
-var BreadcrumbContainer = (props) => {
-  const {
-    collapsing = defaultProps5.collapsing,
-    ...other
-  } = props;
-  return /* @__PURE__ */ jsx7(
-    "ol",
-    {
-      ...other,
-      className: classNames(
-        props.className,
-        BREADCRUMBCONTAINER_CLASSNAME,
-        {
-          "!k-flex-wrap": collapsing === "wrap",
-          "k-flex-none": collapsing === "none"
-        }
-      ),
-      children: props.children
-    }
-  );
+  return /* @__PURE__ */ jsx10(font_icon_spec_default, { ...other, icon, size, themeColor, rotate, flip });
 };
+Icon.states = states5;
+Icon.options = options4;
+Icon.defaultProps = defaultProps5;
 
-// src/breadcrumb/breadcrumb-item.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-var BREADCRUMBITEM_CLASSNAME = `k-breadcrumb-item`;
-var BreadcrumbItem = (props) => {
-  const {
-    root,
-    last,
-    ...other
-  } = props;
-  return /* @__PURE__ */ jsx8(
-    "li",
-    {
-      ...other,
-      className: classNames(
-        props.className,
-        BREADCRUMBITEM_CLASSNAME,
-        {
-          "k-breadcrumb-root-item": root,
-          "k-breadcrumb-last-item": last
-        }
-      ),
-      children: props.children
-    }
-  );
-};
+// src/breadcrumb/templates/breadcrumb-normal.tsx
+import { jsx as jsx11, jsxs } from "react/jsx-runtime";
 
-// src/breadcrumb/breadcrumb-link.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-var BREADCRUMBLINK_CLASSNAME = ``;
-var states5 = [
-  States.hover,
-  States.focus,
-  States.disabled
-];
-var BreadcrumbLink = (props) => {
-  const {
-    root,
-    icon,
-    icontext,
-    hover,
-    focus,
-    disabled,
-    ...other
-  } = props;
-  return /* @__PURE__ */ jsx9(
-    "a",
-    {
-      href: "#",
-      ...other,
-      className: classNames(
-        props.className,
-        stateClassNames(BREADCRUMBLINK_CLASSNAME, {
-          hover,
-          focus,
-          disabled
-        }),
-        {
-          "k-breadcrumb-link": !root,
-          "k-breadcrumb-root-link": root,
-          "k-breadcrumb-icon-link": icon,
-          "k-breadcrumb-icontext-link": icontext
-        }
-      ),
-      children: props.children
-    }
-  );
-};
+// src/breadcrumb/templates/breadcrumb-adaptive.tsx
+import { jsx as jsx12, jsxs as jsxs2 } from "react/jsx-runtime";
 
-// src/breadcrumb/breadcrumb-item-text.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-var BREADCRUMBITEMTEXT_CLASSNAME = `k-breadcrumb-item-text`;
-var BreadcrumbItemText = (props) => {
-  const {
-    text,
-    ...other
-  } = props;
-  const textOrChildren = text ? text : props.children;
-  return /* @__PURE__ */ jsx10(
-    "span",
-    {
-      ...other,
-      className: classNames(
-        props.className,
-        BREADCRUMBITEMTEXT_CLASSNAME
-      ),
-      children: textOrChildren
-    }
-  );
-};
+// src/breadcrumb/templates/breadcrumb-root.tsx
+import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs3 } from "react/jsx-runtime";
 
-// src/breadcrumb/tests/breadcrumb-adaptive.tsx
-import { Fragment as Fragment4, jsx as jsx11, jsxs } from "react/jsx-runtime";
-var breadcrumb_adaptive_default = () => /* @__PURE__ */ jsx11(Fragment4, { children: /* @__PURE__ */ jsxs("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
-  /* @__PURE__ */ jsx11("span", { children: "with root item" }),
-  /* @__PURE__ */ jsx11("span", { children: "without root item" }),
-  /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsxs(Breadcrumb, { collapsing: "wrap", size: "large", children: [
-    /* @__PURE__ */ jsx11(BreadcrumbRootItemContainer, { children: /* @__PURE__ */ jsx11(BreadcrumbItem, { root: true, children: /* @__PURE__ */ jsxs(BreadcrumbLink, { root: true, icontext: true, children: [
-      /* @__PURE__ */ jsx11(Icon, { icon: "home" }),
-      /* @__PURE__ */ jsx11(BreadcrumbItemText, { text: "Start item" })
-    ] }) }) }),
-    /* @__PURE__ */ jsxs(BreadcrumbContainer, { collapsing: "wrap", children: [
-      /* @__PURE__ */ jsx11(BreadcrumbItem, { children: /* @__PURE__ */ jsx11(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }) }),
-      /* @__PURE__ */ jsxs(BreadcrumbItem, { children: [
-        /* @__PURE__ */ jsx11(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
-        /* @__PURE__ */ jsx11(BreadcrumbLink, { children: /* @__PURE__ */ jsx11(BreadcrumbItemText, { text: "Item 03" }) })
-      ] }),
-      /* @__PURE__ */ jsxs(BreadcrumbItem, { children: [
-        /* @__PURE__ */ jsx11(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
-        /* @__PURE__ */ jsx11(BreadcrumbLink, { children: /* @__PURE__ */ jsx11(BreadcrumbItemText, { text: "Item 04" }) })
-      ] }),
-      /* @__PURE__ */ jsxs(BreadcrumbItem, { last: true, children: [
-        /* @__PURE__ */ jsx11(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
-        /* @__PURE__ */ jsx11(BreadcrumbLink, { children: /* @__PURE__ */ jsx11(BreadcrumbItemText, { text: "Item 05" }) })
+// src/breadcrumb/templates/breadcrumb-root-adaptive.tsx
+import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
+var BreadcrumbRootAdaptive = ({ collapsing, ...other }) => /* @__PURE__ */ jsx14(
+  Breadcrumb,
+  {
+    collapsing,
+    children: /* @__PURE__ */ jsxs4(Fragment5, { children: [
+      /* @__PURE__ */ jsx14(BreadcrumbRootItemContainer, { children: /* @__PURE__ */ jsx14(BreadcrumbItem, { root: true, children: /* @__PURE__ */ jsxs4(BreadcrumbLink, { root: true, icontext: true, children: [
+        /* @__PURE__ */ jsx14(Icon, { icon: "home" }),
+        /* @__PURE__ */ jsx14(BreadcrumbItemText, { text: "Start item" })
+      ] }) }) }),
+      /* @__PURE__ */ jsxs4(BreadcrumbContainer, { collapsing, children: [
+        /* @__PURE__ */ jsx14(BreadcrumbItem, { children: /* @__PURE__ */ jsx14(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }) }),
+        /* @__PURE__ */ jsxs4(BreadcrumbItem, { children: [
+          /* @__PURE__ */ jsx14(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
+          /* @__PURE__ */ jsx14(BreadcrumbLink, { children: /* @__PURE__ */ jsx14(BreadcrumbItemText, { text: "Item 03" }) })
+        ] }),
+        /* @__PURE__ */ jsxs4(BreadcrumbItem, { children: [
+          /* @__PURE__ */ jsx14(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
+          /* @__PURE__ */ jsx14(BreadcrumbLink, { children: /* @__PURE__ */ jsx14(BreadcrumbItemText, { text: "Item 04" }) })
+        ] }),
+        /* @__PURE__ */ jsxs4(BreadcrumbItem, { last: true, children: [
+          /* @__PURE__ */ jsx14(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
+          /* @__PURE__ */ jsx14(BreadcrumbLink, { children: /* @__PURE__ */ jsx14(BreadcrumbItemText, { text: "Item 05" }) })
+        ] })
       ] })
-    ] })
-  ] }) }),
-  /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsx11(Breadcrumb, { collapsing: "wrap", size: "large", children: /* @__PURE__ */ jsxs(BreadcrumbContainer, { collapsing: "wrap", children: [
-    /* @__PURE__ */ jsx11(BreadcrumbItem, { children: /* @__PURE__ */ jsx11(BreadcrumbLink, { children: /* @__PURE__ */ jsx11(BreadcrumbItemText, { text: "Item 01" }) }) }),
-    /* @__PURE__ */ jsx11(BreadcrumbItem, { children: /* @__PURE__ */ jsx11(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }) }),
-    /* @__PURE__ */ jsxs(BreadcrumbItem, { children: [
-      /* @__PURE__ */ jsx11(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
-      /* @__PURE__ */ jsx11(BreadcrumbLink, { children: /* @__PURE__ */ jsx11(BreadcrumbItemText, { text: "Item 04" }) })
-    ] }),
-    /* @__PURE__ */ jsxs(BreadcrumbItem, { children: [
-      /* @__PURE__ */ jsx11(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
-      /* @__PURE__ */ jsx11(BreadcrumbLink, { children: /* @__PURE__ */ jsx11(BreadcrumbItemText, { text: "Item 05" }) })
     ] }),
-    /* @__PURE__ */ jsxs(BreadcrumbItem, { last: true, children: [
-      /* @__PURE__ */ jsx11(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
-      /* @__PURE__ */ jsx11(BreadcrumbLink, { children: /* @__PURE__ */ jsx11(BreadcrumbItemText, { text: "Item 06" }) })
-    ] })
-  ] }) }) })
-] }) });
+    ...other
+  }
+);
 export {
-  breadcrumb_adaptive_default as default
+  BreadcrumbRootAdaptive
 };