@progress/kendo-react-layout 9.4.0-develop.24 → 9.4.0-develop.4

package/bottomnavigation/BottomNavigation.mjs

@@ -5,24 +5,25 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as o from "react";
-import t from "prop-types";
+"use client";
+import * as t from "react";
+import o from "prop-types";
 import { validatePackage as T, focusFirstFocusableChild as $, useId as B, useDir as P, classNames as _, dispatchEvent as S, 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 I = o.forwardRef((a, p) => {
+const I = t.forwardRef((a, p) => {
   T(L);
-  const i = o.useRef(null), b = o.useCallback(() => {
+  const i = t.useRef(null), b = t.useCallback(() => {
     i.current && $(i.current);
-  }, []), c = o.useCallback(
+  }, []), c = t.useCallback(
     () => ({
       element: i.current,
       focus: b
     }),
     [b]
   );
-  o.useImperativeHandle(p, c);
+  t.useImperativeHandle(p, c);
   const {
     positionMode: v = s.positionMode,
     itemFlow: k = s.itemFlow,
@@ -36,7 +37,7 @@ const I = o.forwardRef((a, p) => {
     id: y,
     onSelect: f,
     onKeyDown: h
-  } = a, g = B(), F = P(i, a.dir), n = o.useMemo(() => a.fillMode === null || a.fill === null ? null : a.fill || a.fillMode || s.fillMode, [a.fillMode, a.fill]), u = o.useMemo(() => a.themeColor || s.themeColor, [a.themeColor]), D = o.useMemo(
+  } = a, g = B(), F = P(i, a.dir), n = t.useMemo(() => a.fillMode === null || a.fill === null ? null : a.fill || a.fillMode || s.fillMode, [a.fillMode, a.fill]), u = t.useMemo(() => a.themeColor || s.themeColor, [a.themeColor]), D = t.useMemo(
     () => _(
       "k-bottom-nav",
       A[v],
@@ -50,7 +51,7 @@ const I = o.forwardRef((a, p) => {
       M
     ),
     [v, u, n, k, C, m, M]
-  ), d = o.useCallback(
+  ), d = t.useCallback(
     (e, l) => {
       r && !r[l].disabled && f && S(f, e, c(), {
         itemTarget: r[l],
@@ -58,12 +59,12 @@ const I = o.forwardRef((a, p) => {
       });
     },
     [r, f]
-  ), R = o.useCallback(
+  ), R = t.useCallback(
     (e, l) => {
       d(e, l);
     },
     [d]
-  ), K = o.useCallback(
+  ), K = t.useCallback(
     (e, l) => {
       switch (e.keyCode) {
         case w.enter:
@@ -80,7 +81,7 @@ const I = o.forwardRef((a, p) => {
     },
     [d, h]
   );
-  return /* @__PURE__ */ o.createElement("nav", { ref: i, className: D, style: O, id: y || g, dir: F }, r && r.map((e, l) => /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ t.createElement("nav", { ref: i, className: D, style: O, id: y || g, dir: F }, r && r.map((e, l) => /* @__PURE__ */ t.createElement(
     j,
     {
       ...e,
@@ -104,11 +105,11 @@ const I = o.forwardRef((a, p) => {
   border: !0
 };
 I.propTypes = {
-  className: t.string,
-  style: t.object,
-  id: t.string,
-  dir: t.string,
-  themeColor: t.oneOf([
+  className: o.string,
+  style: o.object,
+  id: o.string,
+  dir: o.string,
+  themeColor: o.oneOf([
     "primary",
     "secondary",
     "tertiary",
@@ -120,13 +121,13 @@ I.propTypes = {
     "light",
     "inverse"
   ]),
-  fill: t.oneOf(["solid", "flat"]),
-  fillMode: t.oneOf(["solid", "flat"]),
-  itemFlow: t.oneOf(["vertical", "horizontal"]),
-  border: t.bool,
-  disabled: t.bool,
-  selected: t.number,
-  onSelect: t.func
+  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
 };
 I.displayName = "KendoReactBottomNavigation";
 export {

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

package/bottomnavigation/BottomNavigationItem.mjs

@@ -5,18 +5,19 @@
  * 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 P, classNames as D, svgIconPropType as T, IconWrap as h } from "@progress/kendo-react-common";
 import { packageMetadata as B } from "../package-metadata.mjs";
-const u = e.forwardRef(
-  (m, f) => {
+const g = e.forwardRef(
+  (i, f) => {
     P(B);
-    const i = e.useRef(null);
+    const m = e.useRef(null);
     e.useImperativeHandle(
       f,
       () => ({
-        element: i.current
+        element: m.current
       })
     );
     const {
@@ -35,7 +36,7 @@ const u = e.forwardRef(
       onKeyDown: l,
       index: n,
       tabIndex: E = M.tabIndex
-    } = m, R = e.useMemo(
+    } = i, R = e.useMemo(
       () => D(
         "k-bottom-nav-item",
         {
@@ -55,10 +56,10 @@ const u = e.forwardRef(
         l && n !== void 0 && !a && l(c, n);
       },
       [l, n, a]
-    ), v = y, I = x, g = /* @__PURE__ */ e.createElement(
+    ), v = y, I = x, u = /* @__PURE__ */ e.createElement(
       "span",
       {
-        ref: i,
+        ref: m,
         className: R,
         style: k,
         role: "link",
@@ -71,12 +72,12 @@ const u = e.forwardRef(
       },
       I ? /* @__PURE__ */ e.createElement(I, { itemIndex: n, item: N }) : /* @__PURE__ */ e.createElement(e.Fragment, null, (d || b) && /* @__PURE__ */ e.createElement(h, { 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))
     );
-    return v !== void 0 ? v.call(void 0, g, m) : g;
+    return v !== void 0 ? v.call(void 0, u, i) : u;
   }
 ), M = {
   tabIndex: 0
 };
-u.propTypes = {
+g.propTypes = {
   className: t.string,
   style: t.object,
   id: t.string,
@@ -87,7 +88,7 @@ u.propTypes = {
   text: t.string,
   tabIndex: t.number
 };
-u.displayName = "KendoReactBottomNavigationItem";
+g.displayName = "KendoReactBottomNavigationItem";
 export {
-  u as BottomNavigationItem
+  g as BottomNavigationItem
 };

package/bottomnavigation/models/utils.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 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;
+"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

@@ -5,14 +5,15 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-const o = {
+"use client";
+const t = {
   vertical: "k-bottom-nav-item-flow-vertical",
   horizontal: "k-bottom-nav-item-flow-horizontal"
-}, t = {
+}, o = {
   fixed: "k-pos-fixed",
   sticky: "k-pos-sticky"
 };
 export {
-  o as ITEM_FLOW_CLASSES,
-  t as POSITION_MODE_CLASSES
+  t as ITEM_FLOW_CLASSES,
+  o as POSITION_MODE_CLASSES
 };

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"),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),F=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 g=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||b.valueField,S=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:n,dir:g,className:l.classNames("k-breadcrumb k-breadcrumb-wrap",{"k-rtl":g==="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[u]?String(t[u]):void 0,text:t[m]?String(t[m]):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:g}),r.createElement(k,{isLast:d.length-1===c,isFirst:!1,id:String(o),icon:t[S]||void 0,iconClass:t[u]?String(t[u]):void 0,text:t[m]?String(t[m]):void 0,disabled:t.disabled||!1,onItemSelect:I,onKeyDown:v,...e}))}))))}),j={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},b={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass"};F.displayName="KendoReactBreadcrumb";F.propTypes=j;exports.Breadcrumb=F;
+"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),F=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 g=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||b.valueField,S=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:n,dir:g,className:l.classNames("k-breadcrumb k-breadcrumb-wrap",{"k-rtl":g==="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[u]?String(t[u]):void 0,text:t[m]?String(t[m]):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:g}),r.createElement(k,{isLast:d.length-1===c,isFirst:!1,id:String(o),icon:t[S]||void 0,iconClass:t[u]?String(t[u]):void 0,text:t[m]?String(t[m]):void 0,disabled:t.disabled||!1,onItemSelect:I,onKeyDown:v,...e}))}))))}),j={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},b={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass"};F.displayName="KendoReactBreadcrumb";F.propTypes=j;exports.Breadcrumb=F;

package/breadcrumb/Breadcrumb.mjs

@@ -5,6 +5,7 @@
  * 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";

package/breadcrumb/BreadcrumbDelimiter.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 d=require("react"),c=require("prop-types"),l=require("@progress/kendo-react-common"),u=require("@progress/kendo-svg-icons"),s=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(d),i=r.forwardRef((e,n)=>{l.validatePackage(s.packageMetadata);const t=r.useRef(null),a=r.useRef(null);return r.useImperativeHandle(t,()=>{var o;return{element:((o=a.current)==null?void 0:o.element)||null,props:e}}),r.useImperativeHandle(n,()=>t.current),r.createElement(l.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;
+"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

@@ -5,6 +5,7 @@
  * 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";

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"),m=require("../package-metadata.js");function k(e){const r=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(r,c,n.get?n:{enumerable:!0,get:()=>e[c]})}}return r.default=e,Object.freeze(r)}const a=k(b),d=a.forwardRef((e,r)=>{l.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(r,()=>c.current);const u=a.useCallback(i=>{e.id&&l.dispatchEvent(e.onItemSelect,i,i.target,{id:e.id})},[e.onItemSelect]),o=a.useCallback(i=>{e.id&&l.dispatchEvent(e.onKeyDown,i,i.target,{id:e.id})},[e.onKeyDown]);return a.createElement("a",{href:"#","aria-current":e.ariaCurrent?e.ariaCurrent:e.isLast,role:"link",id:e.id,ref:n,style:e.style,dir:l.useDir(n,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?a.createElement("span",{className:l.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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),t=require("prop-types"),l=require("@progress/kendo-react-common"),m=require("../package-metadata.js");function k(e){const r=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(r,c,n.get?n:{enumerable:!0,get:()=>e[c]})}}return r.default=e,Object.freeze(r)}const a=k(b),d=a.forwardRef((e,r)=>{l.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(r,()=>c.current);const u=a.useCallback(i=>{e.id&&l.dispatchEvent(e.onItemSelect,i,i.target,{id:e.id})},[e.onItemSelect]),o=a.useCallback(i=>{e.id&&l.dispatchEvent(e.onKeyDown,i,i.target,{id:e.id})},[e.onKeyDown]);return a.createElement("a",{href:"#","aria-current":e.ariaCurrent?e.ariaCurrent:e.isLast,role:"link",id:e.id,ref:n,style:e.style,dir:l.useDir(n,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?a.createElement("span",{className:l.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

@@ -5,6 +5,7 @@
  * 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 b, dispatchEvent as l, useDir as k, getTabIndex as f, classNames as d } from "@progress/kendo-react-common";

package/breadcrumb/BreadcrumbListItem.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 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;
+"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;

package/breadcrumb/BreadcrumbListItem.mjs

@@ -5,6 +5,7 @@
  * 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 l, classNames as n } from "@progress/kendo-react-common";

package/breadcrumb/BreadcrumbOrderedList.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 i=require("react"),d=require("prop-types"),n=require("@progress/kendo-react-common"),s=require("../package-metadata.js");function u(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(c,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return c.default=e,Object.freeze(c)}const t=u(i),l=t.forwardRef((e,c)=>{n.validatePackage(s.packageMetadata);const r=t.useRef(null),a=t.useRef(null);return t.useImperativeHandle(r,()=>({element:a.current,props:e})),t.useImperativeHandle(c,()=>r.current),t.createElement(t.Fragment,null,e.rootItem?t.createElement("ol",{id:e.id,ref:a,style:e.style,dir:n.useDir(a,e.dir),tabIndex:n.getTabIndex(e.tabIndex,e.disabled),className:n.classNames("k-breadcrumb-root-item-container",{"k-disabled":e.disabled},e.className)},e.children):t.createElement("ol",{id:e.id,ref:a,style:e.style,dir:n.useDir(a,e.dir),tabIndex:n.getTabIndex(e.tabIndex,e.disabled),className:n.classNames("k-breadcrumb-container !k-flex-wrap",{"k-disabled":e.disabled},e.className)},e.children))}),b={id:d.string,className:d.string,children:d.element,tabIndex:d.number,style:d.object,dir:d.string,disabled:d.bool};l.displayName="KendoReactBreadcrumbOrderedList";l.propTypes=b;exports.BreadcrumbOrderedList=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),d=require("prop-types"),n=require("@progress/kendo-react-common"),s=require("../package-metadata.js");function u(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(c,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return c.default=e,Object.freeze(c)}const t=u(i),l=t.forwardRef((e,c)=>{n.validatePackage(s.packageMetadata);const r=t.useRef(null),a=t.useRef(null);return t.useImperativeHandle(r,()=>({element:a.current,props:e})),t.useImperativeHandle(c,()=>r.current),t.createElement(t.Fragment,null,e.rootItem?t.createElement("ol",{id:e.id,ref:a,style:e.style,dir:n.useDir(a,e.dir),tabIndex:n.getTabIndex(e.tabIndex,e.disabled),className:n.classNames("k-breadcrumb-root-item-container",{"k-disabled":e.disabled},e.className)},e.children):t.createElement("ol",{id:e.id,ref:a,style:e.style,dir:n.useDir(a,e.dir),tabIndex:n.getTabIndex(e.tabIndex,e.disabled),className:n.classNames("k-breadcrumb-container !k-flex-wrap",{"k-disabled":e.disabled},e.className)},e.children))}),b={id:d.string,className:d.string,children:d.element,tabIndex:d.number,style:d.object,dir:d.string,disabled:d.bool};l.displayName="KendoReactBreadcrumbOrderedList";l.propTypes=b;exports.BreadcrumbOrderedList=l;

package/breadcrumb/BreadcrumbOrderedList.mjs

@@ -5,19 +5,20 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as a from "react";
 import t from "prop-types";
 import { validatePackage as s, useDir as l, getTabIndex as i, classNames as n } from "@progress/kendo-react-common";
 import { packageMetadata as b } from "../package-metadata.mjs";
-const m = a.forwardRef(
-  (e, c) => {
+const c = a.forwardRef(
+  (e, m) => {
     s(b);
     const r = a.useRef(null), d = a.useRef(null);
     return a.useImperativeHandle(r, () => ({
       element: d.current,
       props: e
     })), a.useImperativeHandle(
-      c,
+      m,
       () => r.current
     ), /* @__PURE__ */ a.createElement(a.Fragment, null, e.rootItem ? /* @__PURE__ */ a.createElement(
       "ol",
@@ -64,8 +65,8 @@ const m = a.forwardRef(
   dir: t.string,
   disabled: t.bool
 };
-m.displayName = "KendoReactBreadcrumbOrderedList";
-m.propTypes = u;
+c.displayName = "KendoReactBreadcrumbOrderedList";
+c.propTypes = u;
 export {
-  m as BreadcrumbOrderedList
+  c as BreadcrumbOrderedList
 };

package/card/Avatar.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 i=require("react"),r=require("prop-types"),o=require("@progress/kendo-react-common"),d=require("./interfaces/Enums.js"),c=require("../package-metadata.js");function u(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,l.get?l:{enumerable:!0,get:()=>a[t]})}}return e.default=a,Object.freeze(e)}const n=u(i),s=a=>{const e={type:d.avatarType.TEXT,size:"medium",rounded:"full",fillMode:"solid",themeColor:"primary",...a};return o.validatePackage(c.packageMetadata),n.createElement("div",{style:e.style,className:o.classNames("k-avatar",{"k-avatar-bordered":e.border,[`k-rounded-${o.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,[`k-avatar-${o.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-avatar-${e.fillMode}`]:e.fillMode,[`k-avatar-${e.fillMode}-${e.themeColor}`]:!!(e.fillMode&&e.themeColor)},e.className)},n.createElement("span",{className:`k-avatar-${e.type}`},e.children))};s.propTypes={className:r.string,type:r.oneOf(["text","image","icon"]),size:r.oneOf([null,"small","medium","large"]),rounded:r.oneOf([null,"small","medium","large","full"]),fillMode:r.oneOf([null,"solid","outline"]),themeColor:r.oneOf([null,"base","dark","error","info","inverse","inverse","light","primary","secondary","success","tertiary","warning"])};exports.Avatar=s;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),r=require("prop-types"),o=require("@progress/kendo-react-common"),d=require("./interfaces/Enums.js"),c=require("../package-metadata.js");function u(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,l.get?l:{enumerable:!0,get:()=>a[t]})}}return e.default=a,Object.freeze(e)}const n=u(i),s=a=>{const e={type:d.avatarType.TEXT,size:"medium",rounded:"full",fillMode:"solid",themeColor:"primary",...a};return o.validatePackage(c.packageMetadata),n.createElement("div",{style:e.style,className:o.classNames("k-avatar",{"k-avatar-bordered":e.border,[`k-rounded-${o.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,[`k-avatar-${o.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-avatar-${e.fillMode}`]:e.fillMode,[`k-avatar-${e.fillMode}-${e.themeColor}`]:!!(e.fillMode&&e.themeColor)},e.className)},n.createElement("span",{className:`k-avatar-${e.type}`},e.children))};s.propTypes={className:r.string,type:r.oneOf(["text","image","icon"]),size:r.oneOf([null,"small","medium","large"]),rounded:r.oneOf([null,"small","medium","large","full"]),fillMode:r.oneOf([null,"solid","outline"]),themeColor:r.oneOf([null,"base","dark","error","info","inverse","inverse","light","primary","secondary","success","tertiary","warning"])};exports.Avatar=s;

package/card/Avatar.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as r from "react";
 import a from "prop-types";
 import { validatePackage as t, classNames as s, kendoThemeMaps as o } from "@progress/kendo-react-common";

package/card/Card.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 O=require("react"),r=require("prop-types"),p=require("@progress/kendo-react-common"),c=require("./interfaces/Enums.js"),R=require("../package-metadata.js");function T(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=T(O),i=a.forwardRef((e,n)=>{p.validatePackage(R.packageMetadata);const{children:t,dir:o,style:m,className:y,type:s=f.type,orientation:l=f.orientation,...g}=e,d=a.useRef(null),u=a.useRef(null);return a.useImperativeHandle(d,()=>({element:u.current,props:e})),a.useImperativeHandle(n,()=>d.current),a.createElement("div",{dir:o,style:m,ref:u,className:p.classNames("k-card",y,{[`k-card-${s}`]:s!==c.cardType.DEFAULT},l===null?void 0:l!==c.cardOrientation.HORIZONTAL?"k-card-vertical":"k-card-horizontal"),...g},t)});i.displayName="KendoReactCard";i.propTypes={children:r.node,className:r.string,dir:r.string,orientation:r.oneOf(["horizontal","vertical"]),style:r.object,type:r.oneOf(["default","primary","info","success","warning","error"])};const f={type:c.cardType.DEFAULT,orientation:c.cardOrientation.VERTICAL};exports.Card=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),r=require("prop-types"),p=require("@progress/kendo-react-common"),o=require("./interfaces/Enums.js"),R=require("../package-metadata.js");function T(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=T(O),i=a.forwardRef((e,n)=>{p.validatePackage(R.packageMetadata);const{children:t,dir:c,style:m,className:y,type:s=f.type,orientation:l=f.orientation,...g}=e,d=a.useRef(null),u=a.useRef(null);return a.useImperativeHandle(d,()=>({element:u.current,props:e})),a.useImperativeHandle(n,()=>d.current),a.createElement("div",{dir:c,style:m,ref:u,className:p.classNames("k-card",y,{[`k-card-${s}`]:s!==o.cardType.DEFAULT},l===null?void 0:l!==o.cardOrientation.HORIZONTAL?"k-card-vertical":"k-card-horizontal"),...g},t)});i.displayName="KendoReactCard";i.propTypes={children:r.node,className:r.string,dir:r.string,orientation:r.oneOf(["horizontal","vertical"]),style:r.object,type:r.oneOf(["default","primary","info","success","warning","error"])};const f={type:o.cardType.DEFAULT,orientation:o.cardOrientation.VERTICAL};exports.Card=i;

package/card/Card.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as e from "react";
 import r from "prop-types";
 import { validatePackage as v, classNames as T } from "@progress/kendo-react-common";

package/card/CardActions.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 i=require("react"),a=require("prop-types"),s=require("@progress/kendo-react-common"),n=require("./interfaces/Enums.js");function l(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,r.get?r:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const u=l(i),c=t=>{const e={layout:n.cardActionsLayout.START,orientation:n.cardOrientation.HORIZONTAL,...t};return u.createElement("div",{style:e.style,className:s.classNames("k-card-actions","k-actions",e.className,`k-actions-${e.layout}`,e.orientation!==n.cardOrientation.VERTICAL?"k-actions-horizontal":"k-actions-vertical")},e.children)};c.propTypes={layout:a.oneOf(["stretched","start","center","end"]),orientation:a.oneOf(["horizontal","vertical"])};exports.CardActions=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),a=require("prop-types"),s=require("@progress/kendo-react-common"),o=require("./interfaces/Enums.js");function l(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const u=l(i),c=t=>{const e={layout:o.cardActionsLayout.START,orientation:o.cardOrientation.HORIZONTAL,...t};return u.createElement("div",{style:e.style,className:s.classNames("k-card-actions","k-actions",e.className,`k-actions-${e.layout}`,e.orientation!==o.cardOrientation.VERTICAL?"k-actions-horizontal":"k-actions-vertical")},e.children)};c.propTypes={layout:a.oneOf(["stretched","start","center","end"]),orientation:a.oneOf(["horizontal","vertical"])};exports.CardActions=c;

package/card/CardActions.mjs

@@ -5,17 +5,18 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as e from "react";
+"use client";
+import * as r from "react";
 import o from "prop-types";
 import { classNames as n } from "@progress/kendo-react-common";
 import { cardActionsLayout as i, cardOrientation as a } from "./interfaces/Enums.mjs";
-const s = (r) => {
+const s = (e) => {
   const t = {
     layout: i.START,
     orientation: a.HORIZONTAL,
-    ...r
+    ...e
   };
-  return /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ r.createElement(
     "div",
     {
       style: t.style,

package/card/CardBody.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 n=require("react"),o=require("prop-types"),s=require("@progress/kendo-react-common");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=l(n),a=e=>i.createElement("div",{style:e.style,className:s.classNames("k-card-body",e.className)},e.children);a.propTypes={className:o.string};exports.CardBody=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),o=require("prop-types"),s=require("@progress/kendo-react-common");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=l(a),n=e=>i.createElement("div",{style:e.style,className:s.classNames("k-card-body",e.className)},e.children);n.propTypes={className:o.string};exports.CardBody=n;

package/card/CardBody.mjs

@@ -5,12 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as r from "react";
-import s from "prop-types";
+"use client";
+import * as s from "react";
+import r from "prop-types";
 import { classNames as a } from "@progress/kendo-react-common";
-const t = (e) => /* @__PURE__ */ r.createElement("div", { style: e.style, className: a("k-card-body", e.className) }, e.children);
+const t = (e) => /* @__PURE__ */ s.createElement("div", { style: e.style, className: a("k-card-body", e.className) }, e.children);
 t.propTypes = {
-  className: s.string
+  className: r.string
 };
 export {
   t as CardBody

package/card/CardFooter.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 a=require("react"),n=require("prop-types"),s=require("@progress/kendo-react-common");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=l(a),c=e=>i.createElement("div",{style:e.style,className:s.classNames("k-card-footer",e.className)},e.children);c.propTypes={className:n.string};exports.CardFooter=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("prop-types"),s=require("@progress/kendo-react-common");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=l(n),o=e=>i.createElement("div",{style:e.style,className:s.classNames("k-card-footer",e.className)},e.children);o.propTypes={className:a.string};exports.CardFooter=o;

package/card/CardFooter.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as r from "react";
 import s from "prop-types";
 import { classNames as t } from "@progress/kendo-react-common";

package/card/CardHeader.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 n=require("react"),s=require("prop-types"),o=require("@progress/kendo-react-common");function l(e){const r=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(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=l(n),c=e=>i.createElement("div",{style:e.style,className:o.classNames("k-card-header",e.className)},e.children);c.propTypes={className:s.string};exports.CardHeader=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),s=require("prop-types"),o=require("@progress/kendo-react-common");function l(e){const r=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(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=l(n),c=e=>i.createElement("div",{style:e.style,className:o.classNames("k-card-header",e.className)},e.children);c.propTypes={className:s.string};exports.CardHeader=c;

package/card/CardHeader.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as r from "react";
 import a from "prop-types";
 import { classNames as s } from "@progress/kendo-react-common";

package/card/CardImage.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 n=require("react"),s=require("prop-types"),o=require("@progress/kendo-react-common");function l(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,c.get?c:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const i=l(n),a=t=>{const e={src:"",...t};return i.createElement("img",{style:e.style,className:o.classNames("k-card-media",e.className),src:e.src,alt:e.alt})};a.propTypes={className:s.string,src:s.string};exports.CardImage=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),s=require("prop-types"),o=require("@progress/kendo-react-common");function l(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,c.get?c:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const i=l(n),a=t=>{const e={src:"",...t};return i.createElement("img",{style:e.style,className:o.classNames("k-card-media",e.className),src:e.src,alt:e.alt})};a.propTypes={className:s.string,src:s.string};exports.CardImage=a;

package/card/CardImage.mjs

@@ -5,10 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as a from "react";
 import r from "prop-types";
 import { classNames as t } from "@progress/kendo-react-common";
-const m = (e) => {
+const c = (e) => {
   const s = {
     src: "",
     ...e
@@ -23,10 +24,10 @@ const m = (e) => {
     }
   );
 };
-m.propTypes = {
+c.propTypes = {
   className: r.string,
   src: r.string
 };
 export {
-  m as CardImage
+  c as CardImage
 };

package/card/CardSubtitle.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 n=require("react"),s=require("prop-types"),o=require("@progress/kendo-react-common");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=l(n),a=e=>i.createElement("div",{style:e.style,className:o.classNames("k-card-subtitle",e.className)},e.children);a.propTypes={className:s.string};exports.CardSubtitle=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),s=require("prop-types"),l=require("@progress/kendo-react-common");function o(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=o(a),n=e=>i.createElement("div",{style:e.style,className:l.classNames("k-card-subtitle",e.className)},e.children);n.propTypes={className:s.string};exports.CardSubtitle=n;

package/card/CardSubtitle.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as t from "react";
 import s from "prop-types";
 import { classNames as r } from "@progress/kendo-react-common";

package/card/CardTitle.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 n=require("react"),s=require("prop-types"),o=require("@progress/kendo-react-common");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=l(n),a=e=>i.createElement("div",{style:e.style,className:o.classNames("k-card-title",e.className)},e.children);a.propTypes={className:s.string};exports.CardTitle=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),s=require("prop-types"),l=require("@progress/kendo-react-common");function o(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=o(a),n=e=>i.createElement("div",{style:e.style,className:l.classNames("k-card-title",e.className)},e.children);n.propTypes={className:s.string};exports.CardTitle=n;

package/card/CardTitle.mjs

@@ -5,12 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as t from "react";
-import r from "prop-types";
-import { classNames as s } from "@progress/kendo-react-common";
-const a = (e) => /* @__PURE__ */ t.createElement("div", { style: e.style, className: s("k-card-title", e.className) }, e.children);
+import s from "prop-types";
+import { classNames as r } from "@progress/kendo-react-common";
+const a = (e) => /* @__PURE__ */ t.createElement("div", { style: e.style, className: r("k-card-title", e.className) }, e.children);
 a.propTypes = {
-  className: r.string
+  className: s.string
 };
 export {
   a as CardTitle

package/card/interfaces/Enums.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"});var e=(r=>(r.TEXT="text",r.IMAGE="image",r.ICON="icon",r))(e||{}),t=(r=>(r.HORIZONTAL="horizontal",r.VERTICAL="vertical",r))(t||{}),n=(r=>(r.DEFAULT="default",r.primary="primary",r.INFO="info",r.SUCCESS="success",r.WARNING="warning",r.ERROR="error",r))(n||{}),E=(r=>(r.START="start",r.CENTER="center",r.END="end",r.STRETCHED="stretched",r))(E||{});exports.avatarType=e;exports.cardActionsLayout=E;exports.cardOrientation=t;exports.cardType=n;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(r=>(r.TEXT="text",r.IMAGE="image",r.ICON="icon",r))(e||{}),t=(r=>(r.HORIZONTAL="horizontal",r.VERTICAL="vertical",r))(t||{}),n=(r=>(r.DEFAULT="default",r.primary="primary",r.INFO="info",r.SUCCESS="success",r.WARNING="warning",r.ERROR="error",r))(n||{}),E=(r=>(r.START="start",r.CENTER="center",r.END="end",r.STRETCHED="stretched",r))(E||{});exports.avatarType=e;exports.cardActionsLayout=E;exports.cardOrientation=t;exports.cardType=n;