@progress/kendo-react-layout 7.4.0 → 7.5.0-develop.10

package/actionsheet/ActionSheet.js

@@ -5,4 +5,4 @@
  * 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 N=require("react"),m=require("prop-types"),C=require("@progress/kendo-react-animation"),b=require("@progress/kendo-react-common"),x=require("../package-metadata.js"),E=require("./ActionSheetItem.js"),g=require("./ActionSheetHeader.js"),D=require("./ActionSheetFooter.js"),I=require("./ActionSheetContent.js");function O(h){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(h){for(const t in h)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(h,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:()=>h[t]})}}return n.default=h,Object.freeze(n)}const e=O(N),d=class d extends e.Component{constructor(n){super(n),this.actionSheetRef=e.createRef(),this.actionSheetTitleClass="k-actionsheet-title",this.ariaLabeledBy=this.actionSheetTitleClass+1,this.animationDuration=300,this.bottomPosition={bottom:"0",width:"100%"},this.handleKeyDown=t=>{this.props.navigatable&&this.navigation.triggerKeyboardEvent(t)},this.onTab=(t,i,s)=>{s.preventDefault(),s.shiftKey?i.focusPrevious(t):i.focusNext(t)},this.handleOverlayClick=t=>{this.props.onOverlayClick&&this.props.onOverlayClick.call(void 0,t),this.props.onClose&&this.props.onClose.call(void 0,t),this.props.animation||this.hideActionSheet()},this.handleItemClick=t=>{this.props.onItemClick&&this.props.onItemClick.call(void 0,t),this.props.onItemSelect&&this.props.onItemSelect.call(void 0,t),this.props.animation||this.hideActionSheet()},this.onEnter=(t,i,s)=>{if(t.ariaDisabled)return;const c=t.className&&t.className.indexOf?t.className.indexOf("k-actionsheet-item")!==-1:!1,l=i.elements.filter(a=>a.className.indexOf("k-actionsheet-item")!==-1);if(c&&this.props.onItemClick){s.preventDefault();const a=this.props.items[l.indexOf(t)];this.props.onItemClick.call(void 0,{syntheticEvent:s,item:a,title:a&&a.title})}if(c&&this.props.onItemSelect){s.preventDefault();const a=this.props.items[l.indexOf(t)];this.props.onItemSelect.call(void 0,{syntheticEvent:s,item:a,title:a&&a.title})}this.props.animation||this.hideActionSheet()},this.onEscape=(t,i,s)=>{this.props.onOverlayClick&&(s.preventDefault(),this.props.onOverlayClick.call(void 0,s)),this.props.onClose&&(s.preventDefault(),this.props.onClose.call(void 0,s)),this.props.animation||this.hideActionSheet()},this.hideActionSheet=()=>{this.setState({show:!1})},this.children=t=>{const i={};return e.Children.forEach(t,s=>{s&&(i[s.type.displayName]=s)}),i},this.state={show:!1,slide:!1},b.validatePackage(x.packageMetadata)}componentDidMount(){this.props.expand&&!this.state.show&&this.setState({show:!0})}componentDidUpdate(n,t){const i=this.actionSheetRef.current;if(this.props.expand&&!this.state.show&&this.setState({show:!0}),this.props.expand&&this.state.show&&!this.state.slide&&this.setState({slide:!0}),!this.props.expand&&this.state.show&&this.state.slide&&this.setState({slide:!1}),t!==this.state&&this.state.slide&&i&&!this.props.className&&(i.style.setProperty("--kendo-actionsheet-height","auto"),i.style.setProperty("--kendo-actionsheet-max-height","none")),i&&this.props.navigatable){const c=[".k-actionsheet-item",...[".k-actionsheet-footer",".k-actionsheet-content",".k-actionsheet-titlebar"].map(l=>b.FOCUSABLE_ELEMENTS.concat(this.props.navigatableElements).map(a=>`${l} ${a}`)).flat()];this.navigation=new b.Navigation({tabIndex:this.props.tabIndex||0,root:this.actionSheetRef,rovingTabIndex:!1,selectors:c,keyboardEvents:{keydown:{Tab:this.onTab,Enter:this.onEnter,Escape:this.onEscape}}}),this.navigation.focusElement(this.navigation.first,null)}}render(){const{title:n,subTitle:t,animationStyles:i,animation:s,expand:c,tabIndex:l,items:a}=this.props,r=a==null?void 0:a.filter(o=>!o.group||o.group==="top"),u=a==null?void 0:a.filter(o=>o.group==="bottom"),S=r&&r.length>0&&u&&u.length>0,f=this.children(this.props.children),y=this.props.animationDuration||this.animationDuration,v=this.state.slide&&e.createElement("div",{className:b.classNames("k-actionsheet",this.props.className,{"k-actionsheet-bottom":!this.props.className}),role:"dialog","aria-modal":"true","aria-hidden":!1,"aria-labelledby":this.ariaLabeledBy,ref:this.actionSheetRef,onKeyDown:this.handleKeyDown},f[g.headerDisplayName]&&!n&&!t&&f[g.headerDisplayName],(n||t)&&e.createElement("div",{className:"k-actionsheet-titlebar k-text-center"},e.createElement("div",{className:"k-actionsheet-titlebar-group k-hbox"},e.createElement("div",{className:this.actionSheetTitleClass,id:this.ariaLabeledBy},n&&e.createElement("div",null,n),t&&e.createElement("div",{className:"k-actionsheet-subtitle"},t)))),f[I.contentDisplayName]||e.createElement("div",{className:"k-actionsheet-content"},e.createElement("div",{className:"k-list-ul",role:"group"},r&&r.map((o,p)=>e.createElement(E.ActionSheetItem,{...o,id:p,key:p,item:o,tabIndex:l||0,onClick:this.handleItemClick}))),S&&e.createElement("hr",{className:"k-hr"}),e.createElement("div",{className:"k-list-ul",role:"group"},u&&u.map((o,p)=>e.createElement(E.ActionSheetItem,{...o,id:p+((r==null?void 0:r.length)||0),key:p,item:o,tabIndex:l||0,onClick:this.handleItemClick})))),f[D.footerDisplayName]);return e.createElement(e.Fragment,null,c||this.state.show?e.createElement(e.Fragment,null,e.createElement("div",{className:"k-actionsheet-container"},e.createElement("div",{className:"k-overlay",onClick:this.handleOverlayClick}),s?e.createElement(C.Animation,{transitionName:this.state.slide?"slide-up":"slide-down",onExited:this.hideActionSheet,transitionEnterDuration:y,transitionExitDuration:y,animationEnteringStyle:i||this.bottomPosition,animationEnteredStyle:i||this.bottomPosition,animationExitingStyle:i||this.bottomPosition,exit:!0,enter:!0,appear:!1},v):v)):null)}};d.displayName="KendoReactActionSheet",d.propTypes={items:m.array,subTitle:m.string,title:m.string,navigatable:m.bool,navigatableElements:m.array},d.defaultProps={navigatable:!0,navigatableElements:[]};let k=d;exports.ActionSheet=k;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),m=require("prop-types"),C=require("@progress/kendo-react-animation"),b=require("@progress/kendo-react-common"),x=require("../package-metadata.js"),E=require("./ActionSheetItem.js"),g=require("./ActionSheetHeader.js"),D=require("./ActionSheetFooter.js"),I=require("./ActionSheetContent.js");function O(h){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(h){for(const t in h)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(h,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:()=>h[t]})}}return n.default=h,Object.freeze(n)}const e=O(N),d=class d extends e.Component{constructor(n){super(n),this.actionSheetRef=e.createRef(),this.actionSheetTitleClass="k-actionsheet-title",this.ariaLabeledBy=this.actionSheetTitleClass,this.animationDuration=300,this.bottomPosition={bottom:"0",width:"100%"},this.handleKeyDown=t=>{this.props.navigatable&&this.navigation.triggerKeyboardEvent(t)},this.onTab=(t,i,s)=>{s.preventDefault(),s.shiftKey?i.focusPrevious(t):i.focusNext(t)},this.handleOverlayClick=t=>{this.props.onOverlayClick&&this.props.onOverlayClick.call(void 0,t),this.props.onClose&&this.props.onClose.call(void 0,t),this.props.animation||this.hideActionSheet()},this.handleItemClick=t=>{this.props.onItemClick&&this.props.onItemClick.call(void 0,t),this.props.onItemSelect&&this.props.onItemSelect.call(void 0,t),this.props.animation||this.hideActionSheet()},this.onEnter=(t,i,s)=>{if(t.ariaDisabled)return;const c=t.className&&t.className.indexOf?t.className.indexOf("k-actionsheet-item")!==-1:!1,l=i.elements.filter(a=>a.className.indexOf("k-actionsheet-item")!==-1);if(c&&this.props.onItemClick){s.preventDefault();const a=this.props.items[l.indexOf(t)];this.props.onItemClick.call(void 0,{syntheticEvent:s,item:a,title:a&&a.title})}if(c&&this.props.onItemSelect){s.preventDefault();const a=this.props.items[l.indexOf(t)];this.props.onItemSelect.call(void 0,{syntheticEvent:s,item:a,title:a&&a.title})}this.props.animation||this.hideActionSheet()},this.onEscape=(t,i,s)=>{this.props.onOverlayClick&&(s.preventDefault(),this.props.onOverlayClick.call(void 0,s)),this.props.onClose&&(s.preventDefault(),this.props.onClose.call(void 0,s)),this.props.animation||this.hideActionSheet()},this.hideActionSheet=()=>{this.setState({show:!1})},this.children=t=>{const i={};return e.Children.forEach(t,s=>{s&&(i[s.type.displayName]=s)}),i},this.state={show:!1,slide:!1},b.validatePackage(x.packageMetadata)}componentDidMount(){this.props.expand&&!this.state.show&&this.setState({show:!0})}componentDidUpdate(n,t){const i=this.actionSheetRef.current;if(this.props.expand&&!this.state.show&&this.setState({show:!0}),this.props.expand&&this.state.show&&!this.state.slide&&this.setState({slide:!0}),!this.props.expand&&this.state.show&&this.state.slide&&this.setState({slide:!1}),t!==this.state&&this.state.slide&&i&&!this.props.className&&(i.style.setProperty("--kendo-actionsheet-height","auto"),i.style.setProperty("--kendo-actionsheet-max-height","none")),i&&this.props.navigatable){const c=[".k-actionsheet-item",...[".k-actionsheet-footer",".k-actionsheet-content",".k-actionsheet-titlebar"].map(l=>b.FOCUSABLE_ELEMENTS.concat(this.props.navigatableElements).map(a=>`${l} ${a}`)).flat()];this.navigation=new b.Navigation({tabIndex:this.props.tabIndex||0,root:this.actionSheetRef,rovingTabIndex:!1,selectors:c,keyboardEvents:{keydown:{Tab:this.onTab,Enter:this.onEnter,Escape:this.onEscape}}}),this.navigation.focusElement(this.navigation.first,null)}}render(){const{title:n,subTitle:t,animationStyles:i,animation:s,expand:c,tabIndex:l,items:a}=this.props,r=a==null?void 0:a.filter(o=>!o.group||o.group==="top"),u=a==null?void 0:a.filter(o=>o.group==="bottom"),S=r&&r.length>0&&u&&u.length>0,f=this.children(this.props.children),y=this.props.animationDuration||this.animationDuration,v=this.state.slide&&e.createElement("div",{className:b.classNames("k-actionsheet",this.props.className,{"k-actionsheet-bottom":!this.props.className}),role:"dialog","aria-modal":"true","aria-hidden":!1,"aria-labelledby":this.ariaLabeledBy,ref:this.actionSheetRef,onKeyDown:this.handleKeyDown},f[g.headerDisplayName]&&!n&&!t&&f[g.headerDisplayName],(n||t)&&e.createElement("div",{className:"k-actionsheet-titlebar k-text-center"},e.createElement("div",{className:"k-actionsheet-titlebar-group k-hbox"},e.createElement("div",{className:this.actionSheetTitleClass,id:this.ariaLabeledBy},n&&e.createElement("div",null,n),t&&e.createElement("div",{className:"k-actionsheet-subtitle"},t)))),f[I.contentDisplayName]||e.createElement("div",{className:"k-actionsheet-content"},e.createElement("div",{className:"k-list-ul",role:"group"},r&&r.map((o,p)=>e.createElement(E.ActionSheetItem,{...o,id:p,key:p,item:o,tabIndex:l||0,onClick:this.handleItemClick}))),S&&e.createElement("hr",{className:"k-hr"}),e.createElement("div",{className:"k-list-ul",role:"group"},u&&u.map((o,p)=>e.createElement(E.ActionSheetItem,{...o,id:p+((r==null?void 0:r.length)||0),key:p,item:o,tabIndex:l||0,onClick:this.handleItemClick})))),f[D.footerDisplayName]);return e.createElement(e.Fragment,null,c||this.state.show?e.createElement(e.Fragment,null,e.createElement("div",{className:"k-actionsheet-container"},e.createElement("div",{className:"k-overlay",onClick:this.handleOverlayClick}),s?e.createElement(C.Animation,{transitionName:this.state.slide?"slide-up":"slide-down",onExited:this.hideActionSheet,transitionEnterDuration:y,transitionExitDuration:y,animationEnteringStyle:i||this.bottomPosition,animationEnteredStyle:i||this.bottomPosition,animationExitingStyle:i||this.bottomPosition,exit:!0,enter:!0,appear:!1},v):v)):null)}};d.displayName="KendoReactActionSheet",d.propTypes={items:m.array,subTitle:m.string,title:m.string,navigatable:m.bool,navigatableElements:m.array},d.defaultProps={navigatable:!0,navigatableElements:[]};let k=d;exports.ActionSheet=k;

package/actionsheet/ActionSheet.mjs

@@ -18,7 +18,7 @@ import { contentDisplayName as w } from "./ActionSheetContent.mjs";
 const m = class m extends e.Component {
   /** @hidden */
   constructor(o) {
-    super(o), this.actionSheetRef = e.createRef(), this.actionSheetTitleClass = "k-actionsheet-title", this.ariaLabeledBy = this.actionSheetTitleClass + 1, this.animationDuration = 300, this.bottomPosition = { bottom: "0", width: "100%" }, this.handleKeyDown = (t) => {
+    super(o), this.actionSheetRef = e.createRef(), this.actionSheetTitleClass = "k-actionsheet-title", this.ariaLabeledBy = this.actionSheetTitleClass, this.animationDuration = 300, this.bottomPosition = { bottom: "0", width: "100%" }, this.handleKeyDown = (t) => {
       this.props.navigatable && this.navigation.triggerKeyboardEvent(t);
     }, this.onTab = (t, a, i) => {
       i.preventDefault(), i.shiftKey ? a.focusPrevious(t) : a.focusNext(t);

package/breadcrumb/BreadcrumbLink.js

@@ -5,4 +5,4 @@
  * 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;
+"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({"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

@@ -8,58 +8,58 @@
 "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 { validatePackage as b, 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(
+  b(C);
+  const c = t.useRef(null), i = t.useRef(null), m = t.useCallback(
     () => {
-      n.current && n.current.focus();
+      i.current && i.current.focus();
     },
-    [n]
+    [i]
   );
   t.useImperativeHandle(c, () => ({
-    element: n.current,
+    element: i.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 });
+    (n) => {
+      e.id && l(e.onItemSelect, n, n.target, { id: e.id });
     },
     [e.onItemSelect]
-  ), b = t.useCallback(
-    (i) => {
-      e.id && l(e.onKeyDown, i, i.target, { id: e.id });
+  ), o = t.useCallback(
+    (n) => {
+      e.id && l(e.onKeyDown, n, n.target, { id: e.id });
     },
     [e.onKeyDown]
   );
   return /* @__PURE__ */ t.createElement(
-    "span",
+    "a",
     {
+      href: "#",
       "aria-current": e.ariaCurrent ? e.ariaCurrent : e.isLast,
       role: "link",
       id: e.id,
-      ref: n,
+      ref: i,
       style: e.style,
-      dir: k(n, e.dir),
+      dir: k(i, 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-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: u,
-      onKeyDown: b
+      onClick: (n) => {
+        n.preventDefault(), u(n);
+      },
+      onKeyDown: o
     },
-    e.iconClass ? /* @__PURE__ */ t.createElement("span", { className: d(
-      "k-icon",
-      e.iconClass
-    ) }) : e.icon ? e.icon : "",
+    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 = {

package/card/Card.js

@@ -5,4 +5,4 @@
  * 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 g=require("react"),r=require("prop-types"),u=require("@progress/kendo-react-common"),o=require("./interfaces/Enums.js"),O=require("../package-metadata.js");function R(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=R(g),i=a.forwardRef((e,n)=>{u.validatePackage(O.packageMetadata);const{children:t,dir:c,style:p,className:f,type:s,orientation:m,...y}=e,l=a.useRef(null),d=a.useRef(null);return a.useImperativeHandle(l,()=>({element:d.current,props:e})),a.useImperativeHandle(n,()=>l.current),a.createElement("div",{dir:c,style:p,ref:d,className:u.classNames("k-card",f,{[`k-card-${s}`]:s!==o.cardType.DEFAULT},m!==o.cardOrientation.HORIZONTAL?"k-card-vertical":"k-card-horizontal"),...y},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"])};i.defaultProps={type:o.cardType.DEFAULT,orientation:o.cardOrientation.VERTICAL};exports.Card=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),r=require("prop-types"),p=require("@progress/kendo-react-common"),o=require("./interfaces/Enums.js"),O=require("../package-metadata.js");function R(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=R(g),i=a.forwardRef((e,n)=>{p.validatePackage(O.packageMetadata);const{children:t,dir:c,style:f,className:m,type:s,orientation:l,...y}=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:f,ref:u,className:p.classNames("k-card",m,{[`k-card-${s}`]:s!==o.cardType.DEFAULT},l===null?void 0:l!==o.cardOrientation.HORIZONTAL?"k-card-vertical":"k-card-horizontal"),...y},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"])};i.defaultProps={type:o.cardType.DEFAULT,orientation:o.cardOrientation.VERTICAL};exports.Card=i;

package/card/Card.mjs

@@ -8,30 +8,30 @@
 "use client";
 import * as e from "react";
 import r from "prop-types";
-import { validatePackage as R, classNames as T } from "@progress/kendo-react-common";
-import { cardType as c, cardOrientation as s } from "./interfaces/Enums.mjs";
-import { packageMetadata as g } from "../package-metadata.mjs";
-const a = e.forwardRef((t, l) => {
-  R(g);
-  const { children: d, dir: m, style: p, className: f, type: o, orientation: u, ...y } = t, n = e.useRef(null), i = e.useRef(null);
-  return e.useImperativeHandle(n, () => ({
-    element: i.current,
+import { validatePackage as R, classNames as v } from "@progress/kendo-react-common";
+import { cardType as s, cardOrientation as l } from "./interfaces/Enums.mjs";
+import { packageMetadata as T } from "../package-metadata.mjs";
+const a = e.forwardRef((t, d) => {
+  R(T);
+  const { children: m, dir: p, style: f, className: u, type: o, orientation: n, ...y } = t, i = e.useRef(null), c = e.useRef(null);
+  return e.useImperativeHandle(i, () => ({
+    element: c.current,
     props: t
-  })), e.useImperativeHandle(l, () => n.current), /* @__PURE__ */ e.createElement(
+  })), e.useImperativeHandle(d, () => i.current), /* @__PURE__ */ e.createElement(
     "div",
     {
-      dir: m,
-      style: p,
-      ref: i,
-      className: T(
+      dir: p,
+      style: f,
+      ref: c,
+      className: v(
         "k-card",
-        f,
-        { [`k-card-${o}`]: o !== c.DEFAULT },
-        u !== s.HORIZONTAL ? "k-card-vertical" : "k-card-horizontal"
+        u,
+        { [`k-card-${o}`]: o !== s.DEFAULT },
+        n === null ? void 0 : n !== l.HORIZONTAL ? "k-card-vertical" : "k-card-horizontal"
       ),
       ...y
     },
-    d
+    m
   );
 });
 a.displayName = "KendoReactCard";
@@ -44,8 +44,8 @@ a.propTypes = {
   type: r.oneOf(["default", "primary", "info", "success", "warning", "error"])
 };
 a.defaultProps = {
-  type: c.DEFAULT,
-  orientation: s.VERTICAL
+  type: s.DEFAULT,
+  orientation: l.VERTICAL
 };
 export {
   a as Card