@progress/kendo-react-layout 7.2.4-develop.2 → 7.2.4-develop.4

package/bottomnavigation/BottomNavigation.mjs

@@ -0,0 +1,160 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as t from "react";
+import o from "prop-types";
+import { validatePackage as P, focusFirstFocusableChild as T, useId as $, useDir as B, classNames as _, dispatchEvent as p, Keys as w } from "@progress/kendo-react-common";
+import { packageMetadata as L } from "../package-metadata.mjs";
+import { POSITION_MODE_CLASSES as A, ITEM_FLOW_CLASSES as H } from "./models/utils.mjs";
+import { BottomNavigationItem as j } from "./BottomNavigationItem.mjs";
+const b = t.forwardRef((a, I) => {
+  P(L);
+  const s = t.useRef(null), v = t.useCallback(
+    () => {
+      s.current && T(s.current);
+    },
+    []
+  ), c = t.useCallback(
+    () => ({
+      element: s.current,
+      focus: v
+    }),
+    [v]
+  );
+  t.useImperativeHandle(I, c);
+  const {
+    positionMode: k = i.positionMode,
+    itemFlow: C = i.itemFlow,
+    border: M = i.border,
+    className: y,
+    items: r,
+    item: E,
+    itemRender: N,
+    disabled: m,
+    style: O,
+    id: h,
+    onSelect: f,
+    onKeyDown: g
+  } = a, S = $(), F = B(s, a.dir), n = t.useMemo(
+    () => a.fillMode === null || a.fill === null ? null : a.fill || a.fillMode || i.fillMode,
+    [a.fillMode, a.fill]
+  ), u = t.useMemo(
+    () => a.themeColor || i.themeColor,
+    [a.themeColor]
+  ), D = t.useMemo(
+    () => _(
+      "k-bottom-nav",
+      A[k],
+      H[C],
+      {
+        [`k-bottom-nav-${n}`]: n,
+        [`k-bottom-nav-${n}-${u}`]: !!(n && u),
+        "k-bottom-nav-border": M,
+        "k-disabled": m
+      },
+      y
+    ),
+    [k, u, n, C, M, m, y]
+  ), d = t.useCallback(
+    (e, l) => {
+      r && !r[l].disabled && f && p(
+        f,
+        e,
+        c(),
+        {
+          itemTarget: r[l],
+          itemIndex: l
+        }
+      );
+    },
+    [r, f]
+  ), R = t.useCallback(
+    (e, l) => {
+      d(e, l);
+    },
+    [d]
+  ), K = t.useCallback(
+    (e, l) => {
+      switch (e.keyCode) {
+        case w.enter:
+        case w.space:
+          d(e, l), e.preventDefault();
+          break;
+      }
+      p(
+        g,
+        e,
+        c(),
+        void 0
+      );
+    },
+    [d, g]
+  );
+  return /* @__PURE__ */ t.createElement(
+    "nav",
+    {
+      ref: s,
+      className: D,
+      style: O,
+      id: h || S,
+      dir: F
+    },
+    r && r.map((e, l) => /* @__PURE__ */ t.createElement(
+      j,
+      {
+        ...e,
+        key: l,
+        index: l,
+        id: `${h || S}-${l}`,
+        disabled: m || e.disabled,
+        selected: e.selected,
+        dataItem: e,
+        item: E,
+        render: N,
+        onSelect: R,
+        onKeyDown: K
+      }
+    ))
+  );
+}), i = {
+  themeColor: "primary",
+  fillMode: "flat",
+  itemFlow: "vertical",
+  positionMode: "fixed",
+  border: !0
+};
+b.propTypes = {
+  className: o.string,
+  style: o.object,
+  id: o.string,
+  dir: o.string,
+  themeColor: o.oneOf([
+    "primary",
+    "secondary",
+    "tertiary",
+    "info",
+    "success",
+    "warning",
+    "error",
+    "dark",
+    "light",
+    "inverse"
+  ]),
+  fill: o.oneOf(["solid", "flat"]),
+  fillMode: o.oneOf(["solid", "flat"]),
+  itemFlow: o.oneOf(["vertical", "horizontal"]),
+  border: o.bool,
+  disabled: o.bool,
+  selected: o.number,
+  onSelect: o.func
+};
+b.defaultProps = i;
+b.displayName = "KendoReactBottomNavigation";
+export {
+  b as BottomNavigation
+};

package/bottomnavigation/BottomNavigationItem.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),a=require("prop-types"),r=require("@progress/kendo-react-common"),D=require("../package-metadata.js");function E(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(c,n,l.get?l:{enumerable:!0,get:()=>t[n]})}}return c.default=t,Object.freeze(c)}const e=E(w),i=e.forwardRef((t,c)=>{r.validatePackage(D.packageMetadata);const n=e.useRef(null);e.useImperativeHandle(c,()=>({element:n.current}));const{className:l,style:I,selected:m,disabled:o,item:N,render:x,dataItem:P,icon:g,svgIcon:p,text:f,id:C,onSelect:d,onKeyDown:u,index:s,tabIndex:R}=t,j=e.useMemo(()=>r.classNames("k-bottom-nav-item",{"k-selected":m,"k-disabled":o},l),[m,o,l]),O=e.useCallback(b=>{d&&s!==void 0&&!o&&d(b,s)},[d,s,o]),S=e.useCallback(b=>{u&&s!==void 0&&!o&&u(b,s)},[u,s,o]),v=x,k=N,y=e.createElement("span",{ref:n,className:j,style:I,role:"link",id:C,tabIndex:R,onClick:O,onKeyDown:S,"aria-current":m,"aria-disabled":o},k?e.createElement(k,{itemIndex:s,item:P}):e.createElement(e.Fragment,null,(g||p)&&e.createElement(r.IconWrap,{className:"k-bottom-nav-item-icon",name:g,icon:p,size:"xlarge"}),f&&e.createElement("span",{className:"k-bottom-nav-item-text",style:{userSelect:"none"}},f)));return v!==void 0?v.call(void 0,y,t):y}),M={tabIndex:0};i.propTypes={className:a.string,style:a.object,id:a.string,disabled:a.bool,selected:a.bool,icon:a.string,svgIcon:r.svgIconPropType,text:a.string,tabIndex:a.number};i.defaultProps=M;i.displayName="KendoReactBottomNavigationItem";exports.BottomNavigationItem=i;

package/bottomnavigation/BottomNavigationItem.mjs

@@ -0,0 +1,93 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import t from "prop-types";
+import { validatePackage as K, classNames as D, svgIconPropType as T, IconWrap as h } from "@progress/kendo-react-common";
+import { packageMetadata as B } from "../package-metadata.mjs";
+const i = e.forwardRef((m, g) => {
+  K(B);
+  const r = e.useRef(null);
+  e.useImperativeHandle(
+    g,
+    () => ({
+      element: r.current
+    })
+  );
+  const {
+    className: d,
+    style: k,
+    selected: n,
+    disabled: a,
+    item: x,
+    render: y,
+    dataItem: N,
+    icon: p,
+    svgIcon: b,
+    text: u,
+    id: C,
+    onSelect: s,
+    onKeyDown: l,
+    index: o,
+    tabIndex: E
+  } = m, P = e.useMemo(
+    () => D(
+      "k-bottom-nav-item",
+      {
+        "k-selected": n,
+        "k-disabled": a
+      },
+      d
+    ),
+    [n, a, d]
+  ), R = e.useCallback(
+    (c) => {
+      s && o !== void 0 && !a && s(c, o);
+    },
+    [s, o, a]
+  ), w = e.useCallback(
+    (c) => {
+      l && o !== void 0 && !a && l(c, o);
+    },
+    [l, o, a]
+  ), v = y, I = x, f = /* @__PURE__ */ e.createElement(
+    "span",
+    {
+      ref: r,
+      className: P,
+      style: k,
+      role: "link",
+      id: C,
+      tabIndex: E,
+      onClick: R,
+      onKeyDown: w,
+      "aria-current": n,
+      "aria-disabled": a
+    },
+    I ? /* @__PURE__ */ e.createElement(I, { itemIndex: o, item: N }) : /* @__PURE__ */ e.createElement(e.Fragment, null, (p || b) && /* @__PURE__ */ e.createElement(h, { className: "k-bottom-nav-item-icon", name: p, icon: b, size: "xlarge" }), u && /* @__PURE__ */ e.createElement("span", { className: "k-bottom-nav-item-text", style: { userSelect: "none" } }, u))
+  );
+  return v !== void 0 ? v.call(void 0, f, m) : f;
+}), M = {
+  tabIndex: 0
+};
+i.propTypes = {
+  className: t.string,
+  style: t.object,
+  id: t.string,
+  disabled: t.bool,
+  selected: t.bool,
+  icon: t.string,
+  svgIcon: T,
+  text: t.string,
+  tabIndex: t.number
+};
+i.defaultProps = M;
+i.displayName = "KendoReactBottomNavigationItem";
+export {
+  i as BottomNavigationItem
+};

package/bottomnavigation/models/utils.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={vertical:"k-bottom-nav-item-flow-vertical",horizontal:"k-bottom-nav-item-flow-horizontal"},o={fixed:"k-pos-fixed",sticky:"k-pos-sticky"};exports.ITEM_FLOW_CLASSES=t;exports.POSITION_MODE_CLASSES=o;

package/bottomnavigation/models/utils.mjs

@@ -0,0 +1,19 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const t = {
+  vertical: "k-bottom-nav-item-flow-vertical",
+  horizontal: "k-bottom-nav-item-flow-horizontal"
+}, o = {
+  fixed: "k-pos-fixed",
+  sticky: "k-pos-sticky"
+};
+export {
+  t as ITEM_FLOW_CLASSES,
+  o as POSITION_MODE_CLASSES
+};

package/breadcrumb/Breadcrumb.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react"),a=require("prop-types"),M=require("../package-metadata.js"),l=require("@progress/kendo-react-common"),h=require("./BreadcrumbListItem.js"),T=require("./BreadcrumbDelimiter.js"),q=require("./BreadcrumbLink.js"),R=require("./BreadcrumbOrderedList.js");function w(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(s,i,n.get?n:{enumerable:!0,get:()=>e[i]})}}return s.default=e,Object.freeze(s)}const r=w(B),g=r.forwardRef((e,s)=>{l.validatePackage(M.packageMetadata);const i=r.useRef(null),n=r.useRef(null),y=r.useMemo(()=>e.breadcrumbOrderedList||R.BreadcrumbOrderedList,[e.breadcrumbOrderedList]),L=r.useMemo(()=>e.breadcrumbListItem||h.BreadcrumbListItem,[e.breadcrumbListItem]),O=r.useMemo(()=>e.breadcrumbDelimiter||T.BreadcrumbDelimiter,[e.breadcrumbDelimiter]),k=r.useMemo(()=>e.breadcrumbLink||q.BreadcrumbLink,[e.breadcrumbLink]),D=r.useCallback(()=>{n.current&&n.current.focus()},[n]),E=r.useMemo(()=>e.disabled||!1,[e.disabled]);r.useImperativeHandle(i,()=>({element:n.current,focus:D,props:e})),r.useImperativeHandle(s,()=>i.current);const f=l.useDir(n,e.dir),I=t=>{i.current&&l.dispatchEvent(e.onItemSelect,t,t.target,{id:t.target.id})},v=t=>{i.current&&l.dispatchEvent(e.onKeyDown,t,t.target,{id:t.target.id})},C=e.valueField||u.valueField,S=e.iconField||u.iconField,m=e.iconClassField||u.iconClassField,b=e.textField||u.textField,F=e.size||"medium";return r.createElement("nav",{"aria-label":e.ariaLabel,id:e.id,style:e.style,ref:n,dir:f,className:l.classNames("k-breadcrumb k-breadcrumb-wrap",{"k-rtl":f==="rtl","k-disabled":E,"k-breadcrumb-md":!e.size,[`k-breadcrumb-${l.kendoThemeMaps.sizeMap[F]||F}`]:F},e.className)},r.createElement(y,{rootItem:!0},r.createElement(r.Fragment,null,e.data.map((t,c,d)=>{const o=t[C];if(c===0)return r.createElement(L,{key:o,isFirstItem:!0,isLastItem:d.length-1===c},r.createElement(k,{isLast:d.length-1===c,isFirst:!0,id:String(o),icon:t[S]||void 0,iconClass:t[m]?String(t[m]):void 0,text:t[b]?String(t[b]):void 0,disabled:t.disabled||!1,onItemSelect:I,onKeyDown:v,...e}))}))),r.createElement(y,{rootItem:!1},r.createElement(r.Fragment,null,e.data.map((t,c,d)=>{const o=t[C];if(c!==0)return r.createElement(L,{key:o,isFirstItem:!1,isLastItem:d.length-1===c},r.createElement(O,{dir:f}),r.createElement(k,{isLast:d.length-1===c,isFirst:!1,id:String(o),icon:t[S]||void 0,iconClass:t[m]?String(t[m]):void 0,text:t[b]?String(t[b]):void 0,disabled:t.disabled||!1,onItemSelect:I,onKeyDown:v,...e}))}))))}),P={id:a.string,style:a.object,className:a.string,breadcrumbOrderedList:a.elementType,breadcrumbListItem:a.elementType,breadcrumbDelimiter:a.elementType,breadcrumbLink:a.elementType,data:a.arrayOf(a.shape({id:a.string,text:a.string,icon:a.any,iconClass:a.string})),dir:a.oneOf(["ltr","rtl"]),disabled:a.bool,valueField:a.string,textField:a.string,iconField:a.string,iconClassField:a.string,onItemSelect:a.func,ariaLabel:a.string},u={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass"};g.displayName="KendoReactBreadcrumb";g.propTypes=P;g.defaultProps=u;exports.Breadcrumb=g;

package/breadcrumb/Breadcrumb.mjs

@@ -0,0 +1,158 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as r from "react";
+import i from "prop-types";
+import { packageMetadata as M } from "../package-metadata.mjs";
+import { validatePackage as T, useDir as O, classNames as w, kendoThemeMaps as x, dispatchEvent as v } from "@progress/kendo-react-common";
+import { BreadcrumbListItem as B } from "./BreadcrumbListItem.mjs";
+import { BreadcrumbDelimiter as R } from "./BreadcrumbDelimiter.mjs";
+import { BreadcrumbLink as K } from "./BreadcrumbLink.mjs";
+import { BreadcrumbOrderedList as N } from "./BreadcrumbOrderedList.mjs";
+const f = r.forwardRef((e, E) => {
+  T(M);
+  const c = r.useRef(null), n = r.useRef(null), g = r.useMemo(
+    () => e.breadcrumbOrderedList || N,
+    [e.breadcrumbOrderedList]
+  ), F = r.useMemo(
+    () => e.breadcrumbListItem || B,
+    [e.breadcrumbListItem]
+  ), S = r.useMemo(
+    () => e.breadcrumbDelimiter || R,
+    [e.breadcrumbDelimiter]
+  ), L = r.useMemo(
+    () => e.breadcrumbLink || K,
+    [e.breadcrumbLink]
+  ), D = r.useCallback(
+    () => {
+      n.current && n.current.focus();
+    },
+    [n]
+  ), h = r.useMemo(
+    () => e.disabled || !1,
+    [e.disabled]
+  );
+  r.useImperativeHandle(c, () => ({
+    element: n.current,
+    focus: D,
+    props: e
+  })), r.useImperativeHandle(E, () => c.current);
+  const u = O(n, e.dir), y = (t) => {
+    c.current && v(e.onItemSelect, t, t.target, { id: t.target.id });
+  }, I = (t) => {
+    c.current && v(e.onKeyDown, t, t.target, { id: t.target.id });
+  }, k = e.valueField || s.valueField, C = e.iconField || s.iconField, m = e.iconClassField || s.iconClassField, o = e.textField || s.textField, b = e.size || "medium";
+  return /* @__PURE__ */ r.createElement(
+    "nav",
+    {
+      "aria-label": e.ariaLabel,
+      id: e.id,
+      style: e.style,
+      ref: n,
+      dir: u,
+      className: w(
+        "k-breadcrumb k-breadcrumb-wrap",
+        {
+          "k-rtl": u === "rtl",
+          "k-disabled": h,
+          "k-breadcrumb-md": !e.size,
+          [`k-breadcrumb-${x.sizeMap[b] || b}`]: b
+        },
+        e.className
+      )
+    },
+    /* @__PURE__ */ r.createElement(g, { rootItem: !0 }, /* @__PURE__ */ r.createElement(r.Fragment, null, e.data.map((t, a, l) => {
+      const d = t[k];
+      if (a === 0)
+        return /* @__PURE__ */ r.createElement(
+          F,
+          {
+            key: d,
+            isFirstItem: !0,
+            isLastItem: l.length - 1 === a
+          },
+          /* @__PURE__ */ r.createElement(
+            L,
+            {
+              isLast: l.length - 1 === a,
+              isFirst: !0,
+              id: String(d),
+              icon: t[C] || void 0,
+              iconClass: t[m] ? String(t[m]) : void 0,
+              text: t[o] ? String(t[o]) : void 0,
+              disabled: t.disabled || !1,
+              onItemSelect: y,
+              onKeyDown: I,
+              ...e
+            }
+          )
+        );
+    }))),
+    /* @__PURE__ */ r.createElement(g, { rootItem: !1 }, /* @__PURE__ */ r.createElement(r.Fragment, null, e.data.map((t, a, l) => {
+      const d = t[k];
+      if (a !== 0)
+        return /* @__PURE__ */ r.createElement(
+          F,
+          {
+            key: d,
+            isFirstItem: !1,
+            isLastItem: l.length - 1 === a
+          },
+          /* @__PURE__ */ r.createElement(S, { dir: u }),
+          /* @__PURE__ */ r.createElement(
+            L,
+            {
+              isLast: l.length - 1 === a,
+              isFirst: !1,
+              id: String(d),
+              icon: t[C] || void 0,
+              iconClass: t[m] ? String(t[m]) : void 0,
+              text: t[o] ? String(t[o]) : void 0,
+              disabled: t.disabled || !1,
+              onItemSelect: y,
+              onKeyDown: I,
+              ...e
+            }
+          )
+        );
+    })))
+  );
+}), z = {
+  id: i.string,
+  style: i.object,
+  className: i.string,
+  breadcrumbOrderedList: i.elementType,
+  breadcrumbListItem: i.elementType,
+  breadcrumbDelimiter: i.elementType,
+  breadcrumbLink: i.elementType,
+  data: i.arrayOf(i.shape({
+    id: i.string,
+    text: i.string,
+    icon: i.any,
+    iconClass: i.string
+  })),
+  dir: i.oneOf(["ltr", "rtl"]),
+  disabled: i.bool,
+  valueField: i.string,
+  textField: i.string,
+  iconField: i.string,
+  iconClassField: i.string,
+  onItemSelect: i.func,
+  ariaLabel: i.string
+}, s = {
+  valueField: "id",
+  textField: "text",
+  iconField: "icon",
+  iconClassField: "iconClass"
+};
+f.displayName = "KendoReactBreadcrumb";
+f.propTypes = z;
+f.defaultProps = s;
+export {
+  f as Breadcrumb
+};

package/breadcrumb/BreadcrumbDelimiter.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("prop-types"),o=require("@progress/kendo-react-common"),u=require("@progress/kendo-svg-icons"),d=require("../package-metadata.js");function m(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=m(s),i=r.forwardRef((e,n)=>{o.validatePackage(d.packageMetadata);const t=r.useRef(null),a=r.useRef(null);return r.useImperativeHandle(t,()=>{var l;return{element:((l=a.current)==null?void 0:l.element)||null,props:e}}),r.useImperativeHandle(n,()=>t.current),r.createElement(o.IconWrap,{ref:a,id:e.id,"aria-hidden":!0,tabIndex:e.tabIndex,style:e.style,name:e.dir==="rtl"?"chevron-left":"chevron-right",icon:e.dir==="rtl"?u.chevronLeftIcon:u.chevronRightIcon,className:"k-breadcrumb-delimiter-icon",size:"xsmall"})}),b={id:c.string,className:c.string,style:c.object,tabIndex:c.number,dir:c.string};i.displayName="KendoReactBreadcrumbDelimiter";i.propTypes=b;exports.BreadcrumbDelimiter=i;

package/breadcrumb/BreadcrumbDelimiter.mjs

@@ -0,0 +1,48 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as r from "react";
+import t from "prop-types";
+import { validatePackage as l, IconWrap as o } from "@progress/kendo-react-common";
+import { chevronLeftIcon as d, chevronRightIcon as s } from "@progress/kendo-svg-icons";
+import { packageMetadata as u } from "../package-metadata.mjs";
+const m = r.forwardRef((e, c) => {
+  l(u);
+  const a = r.useRef(null), n = r.useRef(null);
+  return r.useImperativeHandle(a, () => {
+    var i;
+    return {
+      element: ((i = n.current) == null ? void 0 : i.element) || null,
+      props: e
+    };
+  }), r.useImperativeHandle(c, () => a.current), /* @__PURE__ */ r.createElement(
+    o,
+    {
+      ref: n,
+      id: e.id,
+      "aria-hidden": !0,
+      tabIndex: e.tabIndex,
+      style: e.style,
+      name: e.dir === "rtl" ? "chevron-left" : "chevron-right",
+      icon: e.dir === "rtl" ? d : s,
+      className: "k-breadcrumb-delimiter-icon",
+      size: "xsmall"
+    }
+  );
+}), f = {
+  id: t.string,
+  className: t.string,
+  style: t.object,
+  tabIndex: t.number,
+  dir: t.string
+};
+m.displayName = "KendoReactBreadcrumbDelimiter";
+m.propTypes = f;
+export {
+  m as BreadcrumbDelimiter
+};

package/breadcrumb/BreadcrumbLink.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),t=require("prop-types"),i=require("@progress/kendo-react-common"),m=require("../package-metadata.js");function k(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const n=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(l,c,n.get?n:{enumerable:!0,get:()=>e[c]})}}return l.default=e,Object.freeze(l)}const a=k(b),d=a.forwardRef((e,l)=>{i.validatePackage(m.packageMetadata);const c=a.useRef(null),n=a.useRef(null),s=a.useCallback(()=>{n.current&&n.current.focus()},[n]);a.useImperativeHandle(c,()=>({element:n.current,focus:s,props:e})),a.useImperativeHandle(l,()=>c.current);const u=a.useCallback(r=>{e.id&&i.dispatchEvent(e.onItemSelect,r,r.target,{id:e.id})},[e.onItemSelect]),o=a.useCallback(r=>{e.id&&i.dispatchEvent(e.onKeyDown,r,r.target,{id:e.id})},[e.onKeyDown]);return a.createElement("span",{"aria-current":e.ariaCurrent?e.ariaCurrent:e.isLast,role:"link",id:e.id,ref:n,style:e.style,dir:i.useDir(n,e.dir),tabIndex:i.getTabIndex(e.tabIndex,e.disabled),className:i.classNames({"k-breadcrumb-root-link":e.isFirst,"k-breadcrumb-link":!e.isFirst,"k-breadcrumb-icontext-link":e.iconClass!==void 0&&e.text,"k-breadcrumb-icon-link":e.iconClass!==void 0&&!e.text,"k-disabled":e.disabled}),onClick:u,onKeyDown:o},e.iconClass?a.createElement("span",{className:i.classNames("k-icon",e.iconClass)}):e.icon?e.icon:"",e.text&&a.createElement("span",{className:"k-breadcrumb-item-text"},e.text))}),f={id:t.string,className:t.string,tabIndex:t.number,style:t.object,dir:t.string,disabled:t.bool,text:t.string,icon:t.node,iconClass:t.string,onClick:t.func,ariaCurrent:t.bool};d.displayName="KendoReactBreadcrumbLink";d.propTypes=f;exports.BreadcrumbLink=d;

package/breadcrumb/BreadcrumbLink.mjs

@@ -0,0 +1,82 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as t from "react";
+import a from "prop-types";
+import { validatePackage as o, dispatchEvent as l, useDir as k, getTabIndex as f, classNames as d } from "@progress/kendo-react-common";
+import { packageMetadata as C } from "../package-metadata.mjs";
+const r = t.forwardRef((e, s) => {
+  o(C);
+  const c = t.useRef(null), n = t.useRef(null), m = t.useCallback(
+    () => {
+      n.current && n.current.focus();
+    },
+    [n]
+  );
+  t.useImperativeHandle(c, () => ({
+    element: n.current,
+    focus: m,
+    props: e
+  })), t.useImperativeHandle(s, () => c.current);
+  const u = t.useCallback(
+    (i) => {
+      e.id && l(e.onItemSelect, i, i.target, { id: e.id });
+    },
+    [e.onItemSelect]
+  ), b = t.useCallback(
+    (i) => {
+      e.id && l(e.onKeyDown, i, i.target, { id: e.id });
+    },
+    [e.onKeyDown]
+  );
+  return /* @__PURE__ */ t.createElement(
+    "span",
+    {
+      "aria-current": e.ariaCurrent ? e.ariaCurrent : e.isLast,
+      role: "link",
+      id: e.id,
+      ref: n,
+      style: e.style,
+      dir: k(n, e.dir),
+      tabIndex: f(e.tabIndex, e.disabled),
+      className: d(
+        {
+          "k-breadcrumb-root-link": e.isFirst,
+          "k-breadcrumb-link": !e.isFirst,
+          "k-breadcrumb-icontext-link": e.iconClass !== void 0 && e.text,
+          "k-breadcrumb-icon-link": e.iconClass !== void 0 && !e.text,
+          "k-disabled": e.disabled
+        }
+      ),
+      onClick: u,
+      onKeyDown: b
+    },
+    e.iconClass ? /* @__PURE__ */ t.createElement("span", { className: d(
+      "k-icon",
+      e.iconClass
+    ) }) : e.icon ? e.icon : "",
+    e.text && /* @__PURE__ */ t.createElement("span", { className: "k-breadcrumb-item-text" }, e.text)
+  );
+}), x = {
+  id: a.string,
+  className: a.string,
+  tabIndex: a.number,
+  style: a.object,
+  dir: a.string,
+  disabled: a.bool,
+  text: a.string,
+  icon: a.node,
+  iconClass: a.string,
+  onClick: a.func,
+  ariaCurrent: a.bool
+};
+r.displayName = "KendoReactBreadcrumbLink";
+r.propTypes = x;
+export {
+  r as BreadcrumbLink
+};

package/breadcrumb/BreadcrumbListItem.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),n=require("prop-types"),u=require("@progress/kendo-react-common"),o=require("../package-metadata.js");function m(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(c,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return c.default=e,Object.freeze(c)}const a=m(l),s=a.forwardRef((e,c)=>{u.validatePackage(o.packageMetadata);const r=a.useRef(null),t=a.useRef(null),i=a.useCallback(()=>{t.current&&t.current.focus()},[t]);return a.useImperativeHandle(r,()=>({element:t.current,focus:i,props:e})),a.useImperativeHandle(c,()=>r.current),a.createElement("li",{ref:t,id:e.id,style:e.style,className:u.classNames("k-breadcrumb-item",{"k-breadcrumb-root-item":e.isFirstItem,"k-breadcrumb-last-item":e.isLastItem},e.className)},e.children)}),d={id:n.string,className:n.string,children:n.any,style:n.object};s.displayName="KendoReactBreadcrumbListItem";s.propTypes=d;exports.BreadcrumbListItem=s;