@progress/kendo-react-layout 14.5.0-develop.8 → 15.0.0-develop.1

package/bottomnavigation/BottomNavigation.mjs

@@ -6,126 +6,131 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as o from "react";
-import l from "prop-types";
-import { focusFirstFocusableChild as T, useId as B, useDir as _, classNames as $, dispatchEvent as S, Keys as g } from "@progress/kendo-react-common";
-import { POSITION_MODE_CLASSES as L, ITEM_FLOW_CLASSES as P } from "./models/utils.mjs";
-import { BottomNavigationItem as A } from "./BottomNavigationItem.mjs";
-const w = o.forwardRef((r, I) => {
-  const s = o.useRef(null), b = o.useCallback(() => {
-    s.current && T(s.current);
-  }, []), d = o.useCallback(
+import a from "prop-types";
+import { focusFirstFocusableChild as B, useId as _, useDir as $, classNames as z, dispatchEvent as k, Keys as S } from "@progress/kendo-react-common";
+import { POSITION_MODE_CLASSES as P, ITEM_FLOW_CLASSES as H } from "./models/utils.mjs";
+import { BottomNavigationItem as j } from "./BottomNavigationItem.mjs";
+import { useLocalization as W } from "@progress/kendo-react-intl";
+import { bottomNavigationAriaLabel as I, messages as q } from "./messages/index.mjs";
+const N = o.forwardRef((l, w) => {
+  const r = o.useRef(null), b = o.useCallback(() => {
+    r.current && B(r.current);
+  }, []), c = o.useCallback(
     () => ({
-      element: s.current,
+      element: r.current,
       focus: b
     }),
     [b]
   );
-  o.useImperativeHandle(I, d);
+  o.useImperativeHandle(w, c);
   const {
-    positionMode: v = i.positionMode,
-    itemFlow: C = i.itemFlow,
-    border: M = i.border,
-    className: h,
-    items: a,
+    positionMode: v = s.positionMode,
+    itemFlow: C = s.itemFlow,
+    border: M = s.border,
+    className: g,
+    items: i,
     item: E,
-    itemRender: N,
-    disabled: c,
-    style: F,
-    id: k,
+    itemRender: F,
+    disabled: d,
+    style: L,
+    id: p,
     onSelect: m,
     onKeyDown: y
-  } = r, p = B(), O = _(s, r.dir), f = o.useMemo(() => r.fillMode === null ? null : r.fillMode || i.fillMode, [r.fillMode]), u = o.useMemo(() => r.themeColor || i.themeColor, [r.themeColor]), D = o.useMemo(
-    () => $(
+  } = l, O = W(), h = _(), D = $(r, l.dir), f = o.useMemo(() => l.fillMode === null ? null : l.fillMode || s.fillMode, [l.fillMode]), u = o.useMemo(() => l.themeColor || s.themeColor, [l.themeColor]), R = o.useMemo(
+    () => z(
       "k-bottom-nav",
-      L[v],
-      P[C],
+      P[v],
+      H[C],
       {
         [`k-bottom-nav-${f}`]: f,
         [`k-bottom-nav-${u}`]: !!u,
         "k-bottom-nav-border": M,
-        "k-disabled": c
+        "k-disabled": d
       },
-      h
+      g
     ),
-    [v, u, f, C, M, c, h]
+    [v, u, f, C, M, d, g]
   ), n = o.useCallback(
     (e, t) => {
-      a && !a[t].disabled && m && S(m, e, d(), {
-        itemTarget: a[t],
+      i && !i[t].disabled && m && k(m, e, c(), {
+        itemTarget: i[t],
         itemIndex: t
       });
     },
-    [a, m]
-  ), R = o.useCallback(
+    [i, m]
+  ), K = o.useCallback(
     (e, t) => {
       n(e, t);
     },
     [n]
-  ), K = o.useCallback(
+  ), T = o.useCallback(
     (e, t) => {
       switch (e.keyCode) {
-        case g.enter:
-        case g.space:
+        case S.enter:
+        case S.space:
           n(e, t), e.preventDefault();
           break;
       }
-      S(
+      k(
         y,
         e,
-        d(),
+        c(),
         void 0
       );
     },
     [n, y]
+  ), A = O.toLanguageString(
+    I,
+    q[I]
   );
-  return /* @__PURE__ */ o.createElement("nav", { ref: s, className: D, style: F, id: k || p, dir: O }, a && a.map((e, t) => /* @__PURE__ */ o.createElement(
-    A,
+  return /* @__PURE__ */ o.createElement(
+    "nav",
     {
-      ...e,
-      key: t,
-      index: t,
-      id: `${k || p}-${t}`,
-      disabled: c || e.disabled,
-      selected: e.selected,
-      dataItem: e,
-      item: E,
-      render: N,
-      onSelect: R,
-      onKeyDown: K
-    }
-  )));
-}), i = {
+      ref: r,
+      className: R,
+      style: L,
+      id: p || h,
+      dir: D,
+      "aria-label": A
+    },
+    i && i.map((e, t) => /* @__PURE__ */ o.createElement(
+      j,
+      {
+        ...e,
+        key: t,
+        index: t,
+        id: `${p || h}-${t}`,
+        disabled: d || e.disabled,
+        selected: e.selected,
+        dataItem: e,
+        item: E,
+        render: F,
+        onSelect: K,
+        onKeyDown: T
+      }
+    ))
+  );
+}), s = {
   themeColor: void 0,
   fillMode: void 0,
   itemFlow: "vertical",
   positionMode: "fixed",
   border: !0
 };
-w.propTypes = {
-  className: l.string,
-  style: l.object,
-  id: l.string,
-  dir: l.string,
-  themeColor: l.oneOf([
-    "primary",
-    "secondary",
-    "tertiary",
-    "info",
-    "success",
-    "warning",
-    "error",
-    "dark",
-    "light",
-    "inverse"
-  ]),
-  fillMode: l.oneOf(["solid", "flat"]),
-  itemFlow: l.oneOf(["vertical", "horizontal"]),
-  border: l.bool,
-  disabled: l.bool,
-  selected: l.number,
-  onSelect: l.func
+N.propTypes = {
+  className: a.string,
+  style: a.object,
+  id: a.string,
+  dir: a.string,
+  themeColor: a.oneOf(["base", "primary", "secondary", "tertiary", "inverse"]),
+  fillMode: a.oneOf(["solid", "flat"]),
+  itemFlow: a.oneOf(["vertical", "horizontal"]),
+  border: a.bool,
+  disabled: a.bool,
+  selected: a.number,
+  onSelect: a.func
 };
-w.displayName = "KendoReactBottomNavigation";
+N.displayName = "KendoReactBottomNavigation";
 export {
-  w as BottomNavigation
+  N as BottomNavigation
 };

package/bottomnavigation/BottomNavigationItem.js

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

package/bottomnavigation/BottomNavigationItem.mjs

@@ -9,67 +9,68 @@ import * as e from "react";
 import t from "prop-types";
 import { classNames as D, IconWrap as P, svgIconPropType as T } from "@progress/kendo-react-common";
 const f = e.forwardRef(
-  (m, g) => {
-    const i = e.useRef(null);
+  (d, x) => {
+    const b = e.useRef(null);
     e.useImperativeHandle(
-      g,
+      x,
       () => ({
-        element: i.current
+        element: b.current
       })
     );
     const {
-      className: r,
-      style: x,
-      selected: a,
-      disabled: n,
-      item: k,
-      render: y,
-      dataItem: N,
-      icon: d,
-      svgIcon: b,
-      text: p,
+      className: p,
+      style: k,
+      selected: s,
+      disabled: a,
+      item: y,
+      render: N,
+      dataItem: g,
+      icon: l,
+      svgIcon: o,
+      text: i,
       id: C,
-      onSelect: s,
-      onKeyDown: l,
-      index: o,
+      onSelect: m,
+      onKeyDown: r,
+      index: n,
       tabIndex: E = h.tabIndex
-    } = m, R = e.useMemo(
+    } = d, R = e.useMemo(
       () => D(
         "k-bottom-nav-item",
         {
-          "k-selected": a,
-          "k-disabled": n
+          "k-selected": s,
+          "k-disabled": a
         },
-        r
+        p
       ),
-      [a, n, r]
+      [s, a, p]
     ), w = e.useCallback(
       (c) => {
-        s && o !== void 0 && !n && s(c, o);
+        m && n !== void 0 && !a && m(c, n);
       },
-      [s, o, n]
+      [m, n, a]
     ), K = e.useCallback(
       (c) => {
-        l && o !== void 0 && !n && l(c, o);
+        r && n !== void 0 && !a && r(c, n);
       },
-      [l, o, n]
-    ), I = y, v = k, u = /* @__PURE__ */ e.createElement(
+      [r, n, a]
+    ), v = N, u = y, I = /* @__PURE__ */ e.createElement(
       "span",
       {
-        ref: i,
+        ref: b,
         className: R,
-        style: x,
+        style: k,
         role: "link",
         id: C,
         tabIndex: E,
         onClick: w,
         onKeyDown: K,
-        "aria-current": a,
-        "aria-disabled": n
+        "aria-current": s,
+        "aria-disabled": a,
+        "aria-label": i ? void 0 : (o == null ? void 0 : o.name) || l || void 0
       },
-      v ? /* @__PURE__ */ e.createElement(v, { itemIndex: o, item: N }) : /* @__PURE__ */ e.createElement(e.Fragment, null, (d || b) && /* @__PURE__ */ e.createElement(P, { className: "k-bottom-nav-item-icon", name: d, icon: b, size: "xlarge" }), p && /* @__PURE__ */ e.createElement("span", { className: "k-bottom-nav-item-text", style: { userSelect: "none" } }, p))
+      u ? /* @__PURE__ */ e.createElement(u, { itemIndex: n, item: g }) : /* @__PURE__ */ e.createElement(e.Fragment, null, (l || o) && /* @__PURE__ */ e.createElement(P, { className: "k-bottom-nav-item-icon", name: l, icon: o, size: "xlarge" }), i && /* @__PURE__ */ e.createElement("span", { className: "k-bottom-nav-item-text", style: { userSelect: "none" } }, i))
     );
-    return I !== void 0 ? I.call(void 0, u, m) : u;
+    return v !== void 0 ? v.call(void 0, I, d) : I;
   }
 ), h = {
   tabIndex: 0

package/bottomnavigation/BottomNavigationProps.d.ts

@@ -52,15 +52,10 @@ export interface BottomNavigationProps {
      * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/bottomnavigation/appearance#toc-theme-color)).
      *
      * The possible values are:
+     * * `base` — Applies coloring based on the base theme color.
      * * `primary` — Applies coloring based on the primary theme color.
      * * `secondary` — Applies coloring based on the secondary theme color.
      * * `tertiary` — Applies coloring based on the tertiary theme color.
-     * * `info` — Applies coloring based on the info theme color.
-     * * `success` — Applies coloring based on the success theme color.
-     * * `warning` — Applies coloring based on the warning theme color.
-     * * `error` — Applies coloring based on the error theme color.
-     * * `dark` — Applies coloring based on the dark theme color.
-     * * `light` — Applies coloring based on the light theme color.
      * * `inverse` — Applies coloring based on the inverted theme color.
      *
      * @default undefined (theme-controlled)
@@ -216,15 +211,10 @@ export type BottomNavigationItemFlow = 'vertical' | 'horizontal';
  * * `primary` (Default) — Applies coloring based on the primary theme color.
  * * `secondary` — Applies coloring based on the secondary theme color.
  * * `tertiary` — Applies coloring based on the tertiary theme color.
- * * `info` — Applies coloring based on the info theme color.
- * * `success` — Applies coloring based on the success theme color.
- * * `warning` — Applies coloring based on the warning theme color.
- * * `error` — Applies coloring based on the error theme color.
- * * `dark` — Applies coloring based on the dark theme color.
- * * `light` — Applies coloring based on the light theme color.
+ * * `base` — Applies coloring based on the base theme color.
  * * `inverse` — Applies coloring based on the inverted theme color.
  */
-export type BottomNavigationThemeColor = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
+export type BottomNavigationThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary' | 'inverse';
 /**
  * Specifies the BottomNavigation position and behavior when the page is scrolled
  * ([see example](https://www.telerik.com/kendo-react-ui/components/layout/bottomnavigation/positioning#toc-position-mode)).

package/bottomnavigation/messages/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const bottomNavigationAriaLabel = "bottomNavigation.ariaLabel";
+/**
+ * @hidden
+ */
+export declare const messages: {
+    "bottomNavigation.ariaLabel": string;
+};

package/bottomnavigation/messages/index.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="bottomNavigation.ariaLabel",a={[t]:"Bottom navigation"};exports.bottomNavigationAriaLabel=t;exports.messages=a;

package/bottomnavigation/messages/index.mjs

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const a = "bottomNavigation.ariaLabel", o = {
+  [a]: "Bottom navigation"
+};
+export {
+  a as bottomNavigationAriaLabel,
+  o as messages
+};

package/breadcrumb/Breadcrumb.js

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

package/breadcrumb/Breadcrumb.mjs

@@ -7,48 +7,50 @@
  */
 import * as r from "react";
 import i from "prop-types";
-import { useDir as T, classNames as M, kendoThemeMaps as O, dispatchEvent as C } from "@progress/kendo-react-common";
-import { BreadcrumbListItem as w } from "./BreadcrumbListItem.mjs";
-import { BreadcrumbDelimiter as x } from "./BreadcrumbDelimiter.mjs";
-import { BreadcrumbLink as B } from "./BreadcrumbLink.mjs";
-import { BreadcrumbOrderedList as R } from "./BreadcrumbOrderedList.mjs";
+import { useDir as O, classNames as w, kendoThemeMaps as x, dispatchEvent as C } from "@progress/kendo-react-common";
+import { useLocalization as B } from "@progress/kendo-react-intl";
+import { breadcrumbAriaLabel as S, messages as R } from "./messages/index.mjs";
+import { BreadcrumbListItem as z } from "./BreadcrumbListItem.mjs";
+import { BreadcrumbDelimiter as K } from "./BreadcrumbDelimiter.mjs";
+import { BreadcrumbLink as N } from "./BreadcrumbLink.mjs";
+import { BreadcrumbOrderedList as H } from "./BreadcrumbOrderedList.mjs";
 const v = r.forwardRef((e, E) => {
-  const d = r.useRef(null), n = r.useRef(null), f = r.useMemo(
-    () => e.breadcrumbOrderedList || R,
+  const c = r.useRef(null), n = r.useRef(null), f = r.useMemo(
+    () => e.breadcrumbOrderedList || H,
     [e.breadcrumbOrderedList]
   ), g = r.useMemo(
-    () => e.breadcrumbListItem || w,
+    () => e.breadcrumbListItem || z,
     [e.breadcrumbListItem]
-  ), S = r.useMemo(
-    () => e.breadcrumbDelimiter || x,
+  ), D = r.useMemo(
+    () => e.breadcrumbDelimiter || K,
     [e.breadcrumbDelimiter]
-  ), F = r.useMemo(() => e.breadcrumbLink || B, [e.breadcrumbLink]), D = r.useCallback(() => {
+  ), F = r.useMemo(() => e.breadcrumbLink || N, [e.breadcrumbLink]), h = r.useCallback(() => {
     n.current && n.current.focus();
-  }, [n]), h = r.useMemo(() => e.disabled || !1, [e.disabled]);
-  r.useImperativeHandle(d, () => ({
+  }, [n]), T = r.useMemo(() => e.disabled || !1, [e.disabled]);
+  r.useImperativeHandle(c, () => ({
     element: n.current,
-    focus: D,
+    focus: h,
     props: e
-  })), r.useImperativeHandle(E, () => d.current);
-  const u = T(n, e.dir), L = (t) => {
-    d.current && C(e.onItemSelect, t, t.target, { id: t.target.id });
+  })), r.useImperativeHandle(E, () => c.current);
+  const M = B(), u = O(n, e.dir), L = (t) => {
+    c.current && C(e.onItemSelect, t, t.target, { id: t.target.id });
   }, y = (t) => {
-    d.current && C(e.onKeyDown, t, t.target, { id: t.target.id });
-  }, I = e.valueField || o.valueField, k = e.iconField || o.iconField, c = e.iconClassField || o.iconClassField, m = e.textField || o.textField, b = e.size || "medium";
+    c.current && C(e.onKeyDown, t, t.target, { id: t.target.id });
+  }, I = e.valueField || o.valueField, k = e.iconField || o.iconField, d = e.iconClassField || o.iconClassField, m = e.textField || o.textField, b = e.size;
   return /* @__PURE__ */ r.createElement(
     "nav",
     {
-      "aria-label": e.ariaLabel,
+      "aria-label": e.ariaLabel || M.toLanguageString(S, R[S]),
       id: e.id,
       style: e.style,
       ref: n,
       dir: u,
-      className: M(
+      className: w(
         "k-breadcrumb k-breadcrumb-wrap",
         {
           "k-rtl": u === "rtl",
-          "k-disabled": h,
-          [`k-breadcrumb-${O.sizeMap[b] || b}`]: b
+          "k-disabled": T,
+          [`k-breadcrumb-${x.sizeMap[b] || b}`]: b
         },
         e.className
       )
@@ -63,7 +65,7 @@ const v = r.forwardRef((e, E) => {
             isFirst: !0,
             id: String(s),
             icon: t[k] || void 0,
-            iconClass: t[c] ? String(t[c]) : void 0,
+            iconClass: t[d] ? String(t[d]) : void 0,
             text: t[m] ? String(t[m]) : void 0,
             disabled: t.disabled || !1,
             onItemSelect: L,
@@ -75,14 +77,14 @@ const v = r.forwardRef((e, E) => {
     /* @__PURE__ */ r.createElement(f, { rootItem: !1 }, /* @__PURE__ */ r.createElement(r.Fragment, null, e.data.map((t, a, l) => {
       const s = t[I];
       if (a !== 0)
-        return /* @__PURE__ */ r.createElement(g, { key: s, isFirstItem: !1, isLastItem: l.length - 1 === a }, /* @__PURE__ */ r.createElement(S, { dir: u }), /* @__PURE__ */ r.createElement(
+        return /* @__PURE__ */ r.createElement(g, { key: s, isFirstItem: !1, isLastItem: l.length - 1 === a }, /* @__PURE__ */ r.createElement(D, { dir: u }), /* @__PURE__ */ r.createElement(
           F,
           {
             isLast: l.length - 1 === a,
             isFirst: !1,
             id: String(s),
             icon: t[k] || void 0,
-            iconClass: t[c] ? String(t[c]) : void 0,
+            iconClass: t[d] ? String(t[d]) : void 0,
             text: t[m] ? String(t[m]) : void 0,
             disabled: t.disabled || !1,
             onItemSelect: L,
@@ -92,7 +94,7 @@ const v = r.forwardRef((e, E) => {
         ));
     })))
   );
-}), K = {
+}), P = {
   id: i.string,
   style: i.object,
   className: i.string,
@@ -123,7 +125,7 @@ const v = r.forwardRef((e, E) => {
   iconClassField: "iconClass"
 };
 v.displayName = "KendoReactBreadcrumb";
-v.propTypes = K;
+v.propTypes = P;
 export {
   v as Breadcrumb
 };

package/breadcrumb/BreadcrumbLink.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),t=require("prop-types"),l=require("@progress/kendo-react-common");function m(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const a=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(r,c,a.get?a:{enumerable:!0,get:()=>e[c]})}}return r.default=e,Object.freeze(r)}const n=m(b),d=n.forwardRef((e,r)=>{const c=n.useRef(null),a=n.useRef(null),s=n.useCallback(()=>{a.current&&a.current.focus()},[a]);n.useImperativeHandle(c,()=>({element:a.current,focus:s,props:e})),n.useImperativeHandle(r,()=>c.current);const u=n.useCallback(i=>{e.id&&l.dispatchEvent(e.onItemSelect,i,i.target,{id:e.id})},[e.onItemSelect]),o=n.useCallback(i=>{e.id&&l.dispatchEvent(e.onKeyDown,i,i.target,{id:e.id})},[e.onKeyDown]);return n.createElement("a",{href:"#","aria-current":e.ariaCurrent?e.ariaCurrent:e.isLast,role:"link",id:e.id,ref:a,style:e.style,dir:l.useDir(a,e.dir),tabIndex:l.getTabIndex(e.tabIndex,e.disabled),className:l.classNames(e.className,{"k-breadcrumb-root-link":e.isFirst,"k-breadcrumb-link":!e.isFirst,"k-breadcrumb-icontext-link":(e.icon!==void 0||e.iconClass!==void 0)&&e.text,"k-breadcrumb-icon-link":(e.icon!==void 0||e.iconClass!==void 0)&&!e.text,"k-disabled":e.disabled}),onClick:i=>{i.preventDefault(),u(i)},onKeyDown:o},e.iconClass?n.createElement("span",{className:l.classNames("k-icon",e.iconClass)}):e.icon?e.icon:"",e.text&&n.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),t=require("prop-types"),l=require("@progress/kendo-react-common");function m(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const a=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(d,c,a.get?a:{enumerable:!0,get:()=>e[c]})}}return d.default=e,Object.freeze(d)}const n=m(b),r=n.forwardRef((e,d)=>{const c=n.useRef(null),a=n.useRef(null),s=n.useCallback(()=>{a.current&&a.current.focus()},[a]);n.useImperativeHandle(c,()=>({element:a.current,focus:s,props:e})),n.useImperativeHandle(d,()=>c.current);const u=n.useCallback(i=>{e.id&&l.dispatchEvent(e.onItemSelect,i,i.target,{id:e.id})},[e.onItemSelect]),o=n.useCallback(i=>{e.id&&l.dispatchEvent(e.onKeyDown,i,i.target,{id:e.id})},[e.onKeyDown]);return n.createElement("a",{href:"#","aria-current":e.ariaCurrent||e.isLast?"page":void 0,"aria-disabled":e.disabled||e.isLast||void 0,id:e.id,ref:a,style:e.style,dir:l.useDir(a,e.dir),tabIndex:l.getTabIndex(e.tabIndex,e.disabled),className:l.classNames(e.className,{"k-breadcrumb-root-link":e.isFirst,"k-breadcrumb-link":!e.isFirst,"k-breadcrumb-icontext-link":(e.icon!==void 0||e.iconClass!==void 0)&&e.text,"k-breadcrumb-icon-link":(e.icon!==void 0||e.iconClass!==void 0)&&!e.text,"k-disabled":e.disabled}),onClick:i=>{i.preventDefault(),u(i)},onKeyDown:o},e.iconClass?n.createElement("span",{className:l.classNames("k-icon",e.iconClass)}):e.icon?e.icon:"",e.text&&n.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};r.displayName="KendoReactBreadcrumbLink";r.propTypes=f;exports.BreadcrumbLink=r;