@progress/kendo-react-buttons 9.4.0-develop.19 → 9.4.0-develop.2

package/Button.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"),s=require("prop-types"),e=require("@progress/kendo-react-common"),H=require("./package-metadata.js");function K(n){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(c,o,l.get?l:{enumerable:!0,get:()=>n[o]})}}return c.default=n,Object.freeze(c)}const t=K(D);function W({imageUrl:n,name:c,iconClass:o,svgIcon:l,imageAlt:u,buttonClasses:a}){return n?t.createElement("img",{role:"presentation",className:e.classNames(e.uButton.icon({c:a})),alt:u,src:n}):c||l?t.createElement(e.IconWrap,{className:e.classNames(e.uButton.icon({c:a})),name:c,icon:l}):o?t.createElement("span",{role:"presentation",className:e.classNames(e.uButton.icon({c:a}),o)}):null}const p=t.forwardRef((n,c)=>{e.validatePackage(H.packageMetadata);const{children:o,togglable:l,dir:u,disabled:a,selected:i,icon:b,iconClass:v,svgIcon:y,imageUrl:N,imageAlt:M,className:I,startIcon:h,endIcon:B,onClick:C,size:P=f.size,rounded:S=f.rounded,fillMode:T=f.fillMode,themeColor:j=f.themeColor,...z}=n,q=()=>{l&&i===void 0&&(d.current=!r,E(!r))},w=g=>{q(),C&&C.call(void 0,g)},d=t.useRef(),k=t.useRef(null),[r,E]=t.useState(l===!0&&i===!0),A=y!==void 0||b!==void 0||v!==void 0||N!==void 0,U=o!==void 0,_=e.useUnstyled(),O=n.unstyled||_,m=O&&O.uButton;t.useImperativeHandle(c,()=>({element:k.current,selected:d.current!==void 0?d.current:r})),t.useMemo(()=>{l&&i!==void 0&&i!==r&&E(i)},[l,i]),t.useEffect(()=>{d.current=void 0},[r]);const x=W({name:b,svgIcon:y,iconClass:v,imageUrl:N,imageAlt:M,buttonClasses:m}),R=g=>t.cloneElement(g,{className:e.classNames(e.uButton.icon({c:m}))});return t.createElement("button",{ref:k,"aria-pressed":l?r:void 0,...z,dir:u,disabled:a,onClick:w,className:e.classNames(e.uButton.wrapper({c:m,isRtl:u==="rtl",selected:r,disabled:a,size:P,fillMode:T,rounded:S,themeColor:j,iconButton:!U&&A}),I)},h&&R(h),x,o&&t.createElement("span",{className:e.classNames(e.uButton.text({c:m}))},o),B&&R(B))}),f={togglable:!1,size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};p.displayName="KendoReactButton";p.propTypes={children:s.node,selected:s.bool,togglable:s.bool,icon:s.string,svgIcon:e.svgIconPropType,iconClass:s.string,imageUrl:s.string,imageAlt:s.string,size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"flat","link","outline","solid","clear"]),themeColor:s.oneOf([null,"base","primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"])};exports.Button=p;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react"),s=require("prop-types"),e=require("@progress/kendo-react-common"),H=require("./package-metadata.js");function K(n){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(c,o,l.get?l:{enumerable:!0,get:()=>n[o]})}}return c.default=n,Object.freeze(c)}const t=K(D);function W({imageUrl:n,name:c,iconClass:o,svgIcon:l,imageAlt:u,buttonClasses:a}){return n?t.createElement("img",{role:"presentation",className:e.classNames(e.uButton.icon({c:a})),alt:u,src:n}):c||l?t.createElement(e.IconWrap,{className:e.classNames(e.uButton.icon({c:a})),name:c,icon:l}):o?t.createElement("span",{role:"presentation",className:e.classNames(e.uButton.icon({c:a}),o)}):null}const p=t.forwardRef((n,c)=>{e.validatePackage(H.packageMetadata);const{children:o,togglable:l,dir:u,disabled:a,selected:i,icon:b,iconClass:v,svgIcon:y,imageUrl:N,imageAlt:M,className:I,startIcon:h,endIcon:B,onClick:C,size:P=f.size,rounded:S=f.rounded,fillMode:T=f.fillMode,themeColor:j=f.themeColor,...z}=n,q=()=>{l&&i===void 0&&(d.current=!r,E(!r))},w=g=>{q(),C&&C.call(void 0,g)},d=t.useRef(),k=t.useRef(null),[r,E]=t.useState(l===!0&&i===!0),A=y!==void 0||b!==void 0||v!==void 0||N!==void 0,U=o!==void 0,_=e.useUnstyled(),O=n.unstyled||_,m=O&&O.uButton;t.useImperativeHandle(c,()=>({element:k.current,selected:d.current!==void 0?d.current:r})),t.useMemo(()=>{l&&i!==void 0&&i!==r&&E(i)},[l,i]),t.useEffect(()=>{d.current=void 0},[r]);const x=W({name:b,svgIcon:y,iconClass:v,imageUrl:N,imageAlt:M,buttonClasses:m}),R=g=>t.cloneElement(g,{className:e.classNames(e.uButton.icon({c:m}))});return t.createElement("button",{ref:k,"aria-pressed":l?r:void 0,...z,dir:u,disabled:a,onClick:w,className:e.classNames(e.uButton.wrapper({c:m,isRtl:u==="rtl",selected:r,disabled:a,size:P,fillMode:T,rounded:S,themeColor:j,iconButton:!U&&A}),I)},h&&R(h),x,o&&t.createElement("span",{className:e.classNames(e.uButton.text({c:m}))},o),B&&R(B))}),f={togglable:!1,size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};p.displayName="KendoReactButton";p.propTypes={children:s.node,selected:s.bool,togglable:s.bool,icon:s.string,svgIcon:e.svgIconPropType,iconClass:s.string,imageUrl:s.string,imageAlt:s.string,size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"flat","link","outline","solid","clear"]),themeColor:s.oneOf([null,"base","primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"])};exports.Button=p;

package/Button.mjs

@@ -5,29 +5,30 @@
  * 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 q, useUnstyled as D, classNames as c, uButton as i, svgIconPropType as F, IconWrap as G } from "@progress/kendo-react-common";
 import { packageMetadata as J } from "./package-metadata.mjs";
-function L({ imageUrl: a, name: d, iconClass: o, svgIcon: n, imageAlt: m, buttonClasses: r }) {
+function L({ imageUrl: a, name: d, iconClass: o, svgIcon: n, imageAlt: u, buttonClasses: s }) {
   return a ? /* @__PURE__ */ e.createElement(
     "img",
     {
       role: "presentation",
-      className: c(i.icon({ c: r })),
-      alt: m,
+      className: c(i.icon({ c: s })),
+      alt: u,
       src: a
     }
-  ) : d || n ? /* @__PURE__ */ e.createElement(G, { className: c(i.icon({ c: r })), name: d, icon: n }) : o ? /* @__PURE__ */ e.createElement("span", { role: "presentation", className: c(i.icon({ c: r }), o) }) : null;
+  ) : d || n ? /* @__PURE__ */ e.createElement(G, { className: c(i.icon({ c: s })), name: d, icon: n }) : o ? /* @__PURE__ */ e.createElement("span", { role: "presentation", className: c(i.icon({ c: s }), o) }) : null;
 }
 const B = e.forwardRef((a, d) => {
   q(J);
   const {
     children: o,
     togglable: n,
-    dir: m,
-    disabled: r,
-    selected: s,
+    dir: u,
+    disabled: s,
+    selected: r,
     icon: v,
     iconClass: h,
     svgIcon: y,
@@ -43,17 +44,17 @@ const B = e.forwardRef((a, d) => {
     themeColor: w = p.themeColor,
     ...x
   } = a, S = () => {
-    n && s === void 0 && (u.current = !l, R(!l));
+    n && r === void 0 && (m.current = !l, R(!l));
   }, U = (g) => {
     S(), N && N.call(void 0, g);
-  }, u = e.useRef(), I = e.useRef(null), [l, R] = e.useState(n === !0 && s === !0), H = y !== void 0 || v !== void 0 || h !== void 0 || b !== void 0, K = o !== void 0, W = D(), k = a.unstyled || W, f = k && k.uButton;
+  }, m = e.useRef(), I = e.useRef(null), [l, R] = e.useState(n === !0 && r === !0), H = y !== void 0 || v !== void 0 || h !== void 0 || b !== void 0, K = o !== void 0, W = D(), k = a.unstyled || W, f = k && k.uButton;
   e.useImperativeHandle(d, () => ({
     element: I.current,
-    selected: u.current !== void 0 ? u.current : l
+    selected: m.current !== void 0 ? m.current : l
   })), e.useMemo(() => {
-    n && s !== void 0 && s !== l && R(s);
-  }, [n, s]), e.useEffect(() => {
-    u.current = void 0;
+    n && r !== void 0 && r !== l && R(r);
+  }, [n, r]), e.useEffect(() => {
+    m.current = void 0;
   }, [l]);
   const j = L({
     name: v,
@@ -69,15 +70,15 @@ const B = e.forwardRef((a, d) => {
       ref: I,
       "aria-pressed": n ? l : void 0,
       ...x,
-      dir: m,
-      disabled: r,
+      dir: u,
+      disabled: s,
       onClick: U,
       className: c(
         i.wrapper({
           c: f,
-          isRtl: m === "rtl",
+          isRtl: u === "rtl",
           selected: l,
-          disabled: r,
+          disabled: s,
           size: O,
           fillMode: T,
           rounded: P,

package/ButtonGroup.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 R=require("react"),s=require("prop-types"),u=require("@progress/kendo-react-common"),w=require("./package-metadata.js");function S(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(l,r,a.get?a:{enumerable:!0,get:()=>t[r]})}}return l.default=t,Object.freeze(l)}const n=S(R),B=t=>{u.validatePackage(w.packageMetadata);const{children:l,className:r,dir:a,disabled:m,width:p}=t,P=u.useUnstyled(),g=t.unstyled||P,y=g&&g.uButtonGroup,j=e=>{const i=n.Children.count(e),d=a!==void 0?a==="rtl":b.current&&getComputedStyle(b.current).direction==="rtl"||!1;return n.Children.map(e,(o,c)=>{if(n.isValidElement(o)){const N=c===i-1,O=d,G=u.classNames(o.props.className,u.uButtonGroup.position({c:y,start:O?N:c===0,end:O?c===0:N}));return k(o,G)}return o})},k=(e,i)=>{const d={...p?{width:p}:{},...e.props.style||{}},o=m||e.props.disabled,c={...e.props,...i?{className:i}:{},...Object.keys(d).length?{style:d}:{},...o!==void 0?{disabled:o}:{}};return n.Children.count(e.props.children)>0?n.cloneElement(e,c,e.props.children):n.cloneElement(e,c)},b=n.useRef(null),v=j(l),f=u.classNames(u.uButtonGroup.wrapper({c:y,stretched:!!p,disabled:m}),r),C={className:f,style:{width:`${p}`},dir:a,role:"group","aria-disabled":m};return n.createElement("div",{ref:b,...C,className:f},v)};B.propTypes={children:s.oneOfType([s.arrayOf(s.element),s.element]),className:s.string,disabled:s.bool,width:s.string,dir:s.string};exports.ButtonGroup=B;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),s=require("prop-types"),u=require("@progress/kendo-react-common"),w=require("./package-metadata.js");function S(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(l,r,a.get?a:{enumerable:!0,get:()=>t[r]})}}return l.default=t,Object.freeze(l)}const n=S(R),B=t=>{u.validatePackage(w.packageMetadata);const{children:l,className:r,dir:a,disabled:m,width:p}=t,P=u.useUnstyled(),g=t.unstyled||P,y=g&&g.uButtonGroup,j=e=>{const i=n.Children.count(e),d=a!==void 0?a==="rtl":b.current&&getComputedStyle(b.current).direction==="rtl"||!1;return n.Children.map(e,(o,c)=>{if(n.isValidElement(o)){const N=c===i-1,O=d,G=u.classNames(o.props.className,u.uButtonGroup.position({c:y,start:O?N:c===0,end:O?c===0:N}));return k(o,G)}return o})},k=(e,i)=>{const d={...p?{width:p}:{},...e.props.style||{}},o=m||e.props.disabled,c={...e.props,...i?{className:i}:{},...Object.keys(d).length?{style:d}:{},...o!==void 0?{disabled:o}:{}};return n.Children.count(e.props.children)>0?n.cloneElement(e,c,e.props.children):n.cloneElement(e,c)},b=n.useRef(null),v=j(l),f=u.classNames(u.uButtonGroup.wrapper({c:y,stretched:!!p,disabled:m}),r),C={className:f,style:{width:`${p}`},dir:a,role:"group","aria-disabled":m};return n.createElement("div",{ref:b,...C,className:f},v)};B.propTypes={children:s.oneOfType([s.arrayOf(s.element),s.element]),className:s.string,disabled:s.bool,width:s.string,dir:s.string};exports.ButtonGroup=B;

package/ButtonGroup.mjs

@@ -5,22 +5,23 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as e from "react";
 import s from "prop-types";
 import { validatePackage as k, useUnstyled as O, classNames as g, uButtonGroup as N } from "@progress/kendo-react-common";
 import { packageMetadata as T } from "./package-metadata.mjs";
 const h = (i) => {
   k(T);
-  const { children: B, className: C, dir: c, disabled: p, width: n } = i, v = O(), d = i.unstyled || v, m = d && d.uButtonGroup, w = (t) => {
+  const { children: B, className: C, dir: c, disabled: p, width: r } = i, v = O(), d = i.unstyled || v, m = d && d.uButtonGroup, w = (t) => {
     const a = e.Children.count(t), l = c !== void 0 ? c === "rtl" : u.current && getComputedStyle(u.current).direction === "rtl" || !1;
-    return e.Children.map(t, (o, r) => {
+    return e.Children.map(t, (o, n) => {
       if (e.isValidElement(o)) {
-        const b = r === a - 1, f = l, R = g(
+        const b = n === a - 1, f = l, R = g(
           o.props.className,
           N.position({
             c: m,
-            start: f ? b : r === 0,
-            end: f ? r === 0 : b
+            start: f ? b : n === 0,
+            end: f ? n === 0 : b
           })
         );
         return E(o, R);
@@ -28,23 +29,23 @@ const h = (i) => {
       return o;
     });
   }, E = (t, a) => {
-    const l = { ...n ? { width: n } : {}, ...t.props.style || {} }, o = p || t.props.disabled, r = {
+    const l = { ...r ? { width: r } : {}, ...t.props.style || {} }, o = p || t.props.disabled, n = {
       ...t.props,
       ...a ? { className: a } : {},
       ...Object.keys(l).length ? { style: l } : {},
       ...o !== void 0 ? { disabled: o } : {}
     };
-    return e.Children.count(t.props.children) > 0 ? e.cloneElement(t, r, t.props.children) : e.cloneElement(t, r);
+    return e.Children.count(t.props.children) > 0 ? e.cloneElement(t, n, t.props.children) : e.cloneElement(t, n);
   }, u = e.useRef(null), G = w(B), y = g(
     N.wrapper({
       c: m,
-      stretched: !!n,
+      stretched: !!r,
       disabled: p
     }),
     C
   ), P = {
     className: y,
-    style: { width: `${n}` },
+    style: { width: `${r}` },
     dir: c,
     // Accessibility properties
     role: "group",

package/Chip/Chip.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"),c=require("prop-types"),h=require("./chip-list-contexts.js"),t=require("@progress/kendo-react-common"),M=require("@progress/kendo-svg-icons"),y=require("./focus-reducer.js"),z=require("./data-reducer.js"),N=require("./selection-reducer.js"),B=require("../package-metadata.js");function L(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(d,l,i.get?i:{enumerable:!0,get:()=>e[l]})}}return d.default=e,Object.freeze(d)}const a=L(w),O=a.forwardRef((e,d)=>{t.validatePackage(B.packageMetadata);const l=a.useRef(null),i=a.useRef(null),{disabled:I=o.disabled,fillMode:u=o.fillMode,themeColor:E=o.themeColor,size:g=o.size,rounded:k=o.rounded,dir:D=o.dir,removeIcon:T=o.removeIcon,removeSvgIcon:A=o.removeSvgIcon,removable:m=o.removable}=e,S=t.useDir(i,D);a.useImperativeHandle(l,()=>({element:i.current,props:e})),a.useImperativeHandle(d,()=>l.current);const[v,s]=a.useContext(h.ChipListSelectionContext),[x,r]=a.useContext(h.ChipListFocusContext),[,R]=a.useContext(h.ChipListDataContext),f=a.useMemo(()=>e.selected||(Array.isArray(v)?v.some(n=>n===e.value):v===e.value),[e.selected,e.value,v]),C=a.useMemo(()=>x===e.value,[e.value,x]);a.useEffect(()=>{C&&i.current&&i.current.focus()},[C]);const _=a.useCallback(n=>{s({type:N.SELECTION_ACTION.toggle,payload:e.value,event:n})},[s,e.value]),b=a.useCallback(n=>{m&&(R({type:z.CHIP_DATA_ACTION.remove,payload:e.value,event:n}),r({type:y.FOCUS_ACTION.reset,payload:e.value,event:n}),s({type:N.SELECTION_ACTION.remove,payload:e.value,event:n}),e.onRemove&&e.onRemove.call(void 0,{target:l.current,syntheticEvent:n}))},[e.onRemove,e.value,m,R,r,s]),F=a.useCallback(n=>{switch(n.keyCode){case t.Keys.left:r({type:y.FOCUS_ACTION.prev,payload:e.value,event:n});break;case t.Keys.right:r({type:y.FOCUS_ACTION.next,payload:e.value,event:n});break;case t.Keys.enter:s({type:N.SELECTION_ACTION.toggle,payload:e.value,event:n});break;case t.Keys.delete:b(n);break}e.onKeyDown&&e.onKeyDown.call(void 0,{target:l.current,syntheticEvent:n})},[e.onKeyDown,e.value,r,s,b]),P=a.useCallback(n=>{r({payload:e.value,type:y.FOCUS_ACTION.current,event:n}),e.onFocus&&e.onFocus.call(void 0,{target:l.current,syntheticEvent:n})},[e.onFocus,e.value,r]),K=a.useCallback(n=>{e.onBlur&&e.onBlur.call(void 0,{target:l.current,syntheticEvent:n})},[e.onBlur]),q=t.useMouse(e,l,{onClick:_});return a.createElement("div",{...q,role:e.role||"button",id:e.value,style:e.style,ref:i,dir:S,tabIndex:t.getTabIndex(e.tabIndex,I,void 0),className:t.classNames("k-chip",{"k-rtl":S==="rtl","k-disabled":I,"k-selected":f,"k-focus":C,[`k-chip-${t.kendoThemeMaps.sizeMap[g]||g}`]:g,[`k-rounded-${t.kendoThemeMaps.roundedMap[k]||k}`]:k,[`k-chip-${u}`]:u,[`k-chip-${u}-${E}`]:!!(u&&E)},e.className),"aria-pressed":e.role?void 0:f,"aria-disabled":I,"aria-describedby":e.ariaDescribedBy,"aria-keyshortcuts":m?"Enter Delete":void 0,onFocus:P,onBlur:K,onKeyDown:F},f&&(e.selectedIcon||e.selectedSvgIcon)&&a.createElement(t.IconWrap,{className:"k-chip-icon",name:e.selectedIcon?t.toIconName(e.selectedIcon):void 0,icon:e.selectedSvgIcon,size:"small"}),(e.icon||e.svgIcon)&&a.createElement(t.IconWrap,{className:"k-chip-icon",name:e.icon?t.toIconName(e.icon):void 0,icon:e.svgIcon,size:"small"}),e.avatar&&a.createElement("div",{className:`k-chip-avatar k-avatar k-rounded-${e.avatar.rounded} k-avatar-md k-avatar-solid k-avatar-solid-primary`,style:e.avatar.style},a.createElement("span",{className:"k-avatar-image"},a.createElement("img",{src:e.avatar.image,alt:e.avatar.imageAlt}))),a.createElement("span",{className:"k-chip-content"},e.children!==void 0?e.children:e.text&&a.createElement("span",{"aria-label":e.ariaLabel||e.text,className:"k-chip-label"},e.text)),m&&a.createElement("span",{className:"k-chip-actions"},a.createElement("span",{className:t.classNames("k-chip-action","k-chip-remove-action"),onClick:b},a.createElement(t.IconWrap,{name:T?t.toIconName(T):void 0,icon:A||M.xCircleIcon,size:"small"}))))}),$={id:c.string,text:c.string,value:c.any,dir:c.oneOf(["ltr","rtl"]),removable:c.bool,removeIcon:c.string,removeIconSvg:t.svgIconPropType,disabled:c.bool,icon:c.string,svgIcon:t.svgIconPropType,selectedIcon:c.string,selectedIconSvg:t.svgIconPropType,onRemove:c.func,dataItem:c.any,selected:c.bool,ariaDescribedBy:c.string,size:c.oneOf([null,"small","medium","large"]),rounded:c.oneOf([null,"small","medium","large","full"]),fillMode:c.oneOf([null,"outline","solid"]),themeColor:c.oneOf([null,"base","info","success","warning","error"])},o={disabled:!1,removable:!1,removeIcon:"k-i-x-circle",removeSvgIcon:M.xCircleIcon,dir:"ltr",size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};O.displayName="KendoReactChip";O.propTypes=$;exports.Chip=O;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),c=require("prop-types"),h=require("./chip-list-contexts.js"),t=require("@progress/kendo-react-common"),M=require("@progress/kendo-svg-icons"),y=require("./focus-reducer.js"),z=require("./data-reducer.js"),N=require("./selection-reducer.js"),B=require("../package-metadata.js");function L(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(d,l,i.get?i:{enumerable:!0,get:()=>e[l]})}}return d.default=e,Object.freeze(d)}const a=L(w),O=a.forwardRef((e,d)=>{t.validatePackage(B.packageMetadata);const l=a.useRef(null),i=a.useRef(null),{disabled:I=o.disabled,fillMode:u=o.fillMode,themeColor:E=o.themeColor,size:g=o.size,rounded:k=o.rounded,dir:D=o.dir,removeIcon:T=o.removeIcon,removeSvgIcon:A=o.removeSvgIcon,removable:m=o.removable}=e,S=t.useDir(i,D);a.useImperativeHandle(l,()=>({element:i.current,props:e})),a.useImperativeHandle(d,()=>l.current);const[v,r]=a.useContext(h.ChipListSelectionContext),[x,s]=a.useContext(h.ChipListFocusContext),[,R]=a.useContext(h.ChipListDataContext),f=a.useMemo(()=>e.selected||(Array.isArray(v)?v.some(n=>n===e.value):v===e.value),[e.selected,e.value,v]),C=a.useMemo(()=>x===e.value,[e.value,x]);a.useEffect(()=>{C&&i.current&&i.current.focus()},[C]);const _=a.useCallback(n=>{r({type:N.SELECTION_ACTION.toggle,payload:e.value,event:n})},[r,e.value]),b=a.useCallback(n=>{m&&(R({type:z.CHIP_DATA_ACTION.remove,payload:e.value,event:n}),s({type:y.FOCUS_ACTION.reset,payload:e.value,event:n}),r({type:N.SELECTION_ACTION.remove,payload:e.value,event:n}),e.onRemove&&e.onRemove.call(void 0,{target:l.current,syntheticEvent:n}))},[e.onRemove,e.value,m,R,s,r]),F=a.useCallback(n=>{switch(n.keyCode){case t.Keys.left:s({type:y.FOCUS_ACTION.prev,payload:e.value,event:n});break;case t.Keys.right:s({type:y.FOCUS_ACTION.next,payload:e.value,event:n});break;case t.Keys.enter:r({type:N.SELECTION_ACTION.toggle,payload:e.value,event:n});break;case t.Keys.delete:b(n);break}e.onKeyDown&&e.onKeyDown.call(void 0,{target:l.current,syntheticEvent:n})},[e.onKeyDown,e.value,s,r,b]),P=a.useCallback(n=>{s({payload:e.value,type:y.FOCUS_ACTION.current,event:n}),e.onFocus&&e.onFocus.call(void 0,{target:l.current,syntheticEvent:n})},[e.onFocus,e.value,s]),K=a.useCallback(n=>{e.onBlur&&e.onBlur.call(void 0,{target:l.current,syntheticEvent:n})},[e.onBlur]),q=t.useMouse(e,l,{onClick:_});return a.createElement("div",{...q,role:e.role||"button",id:e.value,style:e.style,ref:i,dir:S,tabIndex:t.getTabIndex(e.tabIndex,I,void 0),className:t.classNames("k-chip",{"k-rtl":S==="rtl","k-disabled":I,"k-selected":f,"k-focus":C,[`k-chip-${t.kendoThemeMaps.sizeMap[g]||g}`]:g,[`k-rounded-${t.kendoThemeMaps.roundedMap[k]||k}`]:k,[`k-chip-${u}`]:u,[`k-chip-${u}-${E}`]:!!(u&&E)},e.className),"aria-pressed":e.role?void 0:f,"aria-disabled":I,"aria-describedby":e.ariaDescribedBy,"aria-keyshortcuts":m?"Enter Delete":void 0,onFocus:P,onBlur:K,onKeyDown:F},f&&(e.selectedIcon||e.selectedSvgIcon)&&a.createElement(t.IconWrap,{className:"k-chip-icon",name:e.selectedIcon?t.toIconName(e.selectedIcon):void 0,icon:e.selectedSvgIcon,size:"small"}),(e.icon||e.svgIcon)&&a.createElement(t.IconWrap,{className:"k-chip-icon",name:e.icon?t.toIconName(e.icon):void 0,icon:e.svgIcon,size:"small"}),e.avatar&&a.createElement("div",{className:`k-chip-avatar k-avatar k-rounded-${e.avatar.rounded} k-avatar-md k-avatar-solid k-avatar-solid-primary`,style:e.avatar.style},a.createElement("span",{className:"k-avatar-image"},a.createElement("img",{src:e.avatar.image,alt:e.avatar.imageAlt}))),a.createElement("span",{className:"k-chip-content"},e.children!==void 0?e.children:e.text&&a.createElement("span",{"aria-label":e.ariaLabel||e.text,className:"k-chip-label"},e.text)),m&&a.createElement("span",{className:"k-chip-actions"},a.createElement("span",{className:t.classNames("k-chip-action","k-chip-remove-action"),onClick:b},a.createElement(t.IconWrap,{name:T?t.toIconName(T):void 0,icon:A||M.xCircleIcon,size:"small"}))))}),$={id:c.string,text:c.string,value:c.any,dir:c.oneOf(["ltr","rtl"]),removable:c.bool,removeIcon:c.string,removeIconSvg:t.svgIconPropType,disabled:c.bool,icon:c.string,svgIcon:t.svgIconPropType,selectedIcon:c.string,selectedIconSvg:t.svgIconPropType,onRemove:c.func,dataItem:c.any,selected:c.bool,ariaDescribedBy:c.string,size:c.oneOf([null,"small","medium","large"]),rounded:c.oneOf([null,"small","medium","large","full"]),fillMode:c.oneOf([null,"outline","solid"]),themeColor:c.oneOf([null,"base","info","success","warning","error"])},o={disabled:!1,removable:!1,removeIcon:"k-i-x-circle",removeSvgIcon:M.xCircleIcon,dir:"ltr",size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};O.displayName="KendoReactChip";O.propTypes=$;exports.Chip=O;

package/Chip/Chip.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as a from "react";
 import l from "prop-types";
 import { ChipListSelectionContext as H, ChipListFocusContext as U, ChipListDataContext as W } from "./chip-list-contexts.mjs";

package/Chip/ChipList.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"),t=require("prop-types"),o=require("@progress/kendo-react-common"),X=require("./selection-reducer.js"),Y=require("./focus-reducer.js"),Z=require("./data-reducer.js"),S=require("./Chip.js"),D=require("./chip-list-contexts.js"),V=require("../package-metadata.js");function ee(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const a=ee(W),te=(e,i,n)=>{i.selection==="multiple"?Array.isArray(e)||(e=e?[e]:null):i.selection==="single"&&Array.isArray(e)&&(e=e?e.join(""):null);const[l,c]=a.useState(e);return[l,u=>{const d=X.selectionReducer(i.state||l,{...u,...i});n&&n(d,u.event),i.selection!=="none"&&c(d)}]},ae=e=>{const[i,n]=a.useState(null);return[i,c=>{const h=Y.focusReducer(c.payload,{...c,...e});n(h)}]},ne=(e,i,n)=>{const[l,c]=a.useState(e);return[l,u=>{const d=Z.dataReducer(i.state||l,{...u,...i});n&&n(d,u.event),c(d)}]},x=a.forwardRef((e,i)=>{o.validatePackage(V.packageMetadata);const n=a.useRef(null),l=a.useRef(null),{id:c,style:h,tabIndex:u,className:d,ariaDescribedBy:q,ariaLabelledBy:T,ariaLabel:j,value:b,defaultData:z=r.defaultData,chip:R=r.chip,disabled:y=r.disabled,size:m=r.size,defaultValue:E=r.defaultValue,selection:k=r.selection,valueField:f=r.valueField,textField:O=r.textField,dir:N=r.dir,onChange:g,onDataChange:C}=e,F=o.useDir(l,N),w=a.useMemo(()=>R||S.Chip,[R,S.Chip]);a.useImperativeHandle(n,()=>({element:l.current,props:e})),a.useImperativeHandle(i,()=>n.current);const A=a.useCallback((s,p)=>{g&&n.current&&g.call(void 0,{value:s,target:n.current,syntheticEvent:p})},[g]),[L,B]=te(b||E,{selection:k,state:b},A),_=a.useCallback((s,p)=>{C&&n.current&&C.call(void 0,{value:s,target:n.current,syntheticEvent:p})},[C]),[M,G]=ne(e.data||z,{state:e.data,valueField:f},_),I=a.useCallback((s,p)=>(s.push(p[f]),s),[f]),v=a.useMemo(()=>e.data||M,[e.data,M]),H=a.useMemo(()=>b||L,[b,L]),K=a.useMemo(()=>v.reduce(I,[]),[v,I]),P=a.useCallback(s=>o.getter(f)(s),[f]),$=a.useCallback(s=>o.getter(O)(s),[O]),[J,Q]=ae({items:K}),U=o.useMouse(e,n);return a.createElement(D.ChipListSelectionContext.Provider,{value:[H,B]},a.createElement(D.ChipListFocusContext.Provider,{value:[J,Q]},a.createElement(D.ChipListDataContext.Provider,{value:[v,G]},a.createElement("div",{ref:l,...U,role:y?void 0:"listbox",id:c,dir:F,style:h,tabIndex:o.getTabIndex(u,y,void 0),className:o.classNames("k-chip-list",{"k-rtl":F==="rtl","k-disabled":y,[`k-chip-list-${o.kendoThemeMaps.sizeMap[m]||m}`]:m},d),"aria-label":j,"aria-labelledby":T,"aria-describedby":q,"aria-orientation":"horizontal","aria-multiselectable":k==="multiple"},v.map((s,p)=>a.createElement(w,{role:"option",dataItem:s,size:m,key:[P(s),p].join("-"),text:$(s),value:P(s),ariaLabel:s.ariaLabel,svgIcon:s.svgIcon||void 0}))))))}),se={id:t.string,className:t.string,tabIndex:t.number,data:t.any,defaultData:t.arrayOf(t.any),onDataChange:t.func,value:t.oneOfType([t.any,t.arrayOf(t.any)]),defaultValue:t.oneOfType([t.any,t.arrayOf(t.any)]),onChange:t.func,selection:t.oneOf(["single","none","multiple"]),textField:t.string,valueField:t.string,disabled:t.bool,dir:t.oneOf(["ltr","rtl"]),ariaLabelledBy:t.string,ariaDescribedBy:t.string,size:t.oneOf([null,"small","medium","large"])},r={chip:S.Chip,size:"medium",disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value",removable:"removable"};x.displayName="KendoReactChipList";x.propTypes=se;exports.ChipList=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),t=require("prop-types"),o=require("@progress/kendo-react-common"),X=require("./selection-reducer.js"),Y=require("./focus-reducer.js"),Z=require("./data-reducer.js"),S=require("./Chip.js"),D=require("./chip-list-contexts.js"),V=require("../package-metadata.js");function ee(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const a=ee(W),te=(e,i,n)=>{i.selection==="multiple"?Array.isArray(e)||(e=e?[e]:null):i.selection==="single"&&Array.isArray(e)&&(e=e?e.join(""):null);const[l,c]=a.useState(e);return[l,u=>{const d=X.selectionReducer(i.state||l,{...u,...i});n&&n(d,u.event),i.selection!=="none"&&c(d)}]},ae=e=>{const[i,n]=a.useState(null);return[i,c=>{const h=Y.focusReducer(c.payload,{...c,...e});n(h)}]},ne=(e,i,n)=>{const[l,c]=a.useState(e);return[l,u=>{const d=Z.dataReducer(i.state||l,{...u,...i});n&&n(d,u.event),c(d)}]},x=a.forwardRef((e,i)=>{o.validatePackage(V.packageMetadata);const n=a.useRef(null),l=a.useRef(null),{id:c,style:h,tabIndex:u,className:d,ariaDescribedBy:q,ariaLabelledBy:T,ariaLabel:j,value:b,defaultData:z=r.defaultData,chip:R=r.chip,disabled:y=r.disabled,size:m=r.size,defaultValue:E=r.defaultValue,selection:k=r.selection,valueField:f=r.valueField,textField:O=r.textField,dir:N=r.dir,onChange:g,onDataChange:C}=e,F=o.useDir(l,N),w=a.useMemo(()=>R||S.Chip,[R,S.Chip]);a.useImperativeHandle(n,()=>({element:l.current,props:e})),a.useImperativeHandle(i,()=>n.current);const A=a.useCallback((s,p)=>{g&&n.current&&g.call(void 0,{value:s,target:n.current,syntheticEvent:p})},[g]),[L,B]=te(b||E,{selection:k,state:b},A),_=a.useCallback((s,p)=>{C&&n.current&&C.call(void 0,{value:s,target:n.current,syntheticEvent:p})},[C]),[M,G]=ne(e.data||z,{state:e.data,valueField:f},_),I=a.useCallback((s,p)=>(s.push(p[f]),s),[f]),v=a.useMemo(()=>e.data||M,[e.data,M]),H=a.useMemo(()=>b||L,[b,L]),K=a.useMemo(()=>v.reduce(I,[]),[v,I]),P=a.useCallback(s=>o.getter(f)(s),[f]),$=a.useCallback(s=>o.getter(O)(s),[O]),[J,Q]=ae({items:K}),U=o.useMouse(e,n);return a.createElement(D.ChipListSelectionContext.Provider,{value:[H,B]},a.createElement(D.ChipListFocusContext.Provider,{value:[J,Q]},a.createElement(D.ChipListDataContext.Provider,{value:[v,G]},a.createElement("div",{ref:l,...U,role:y?void 0:"listbox",id:c,dir:F,style:h,tabIndex:o.getTabIndex(u,y,void 0),className:o.classNames("k-chip-list",{"k-rtl":F==="rtl","k-disabled":y,[`k-chip-list-${o.kendoThemeMaps.sizeMap[m]||m}`]:m},d),"aria-label":j,"aria-labelledby":T,"aria-describedby":q,"aria-orientation":"horizontal","aria-multiselectable":k==="multiple"},v.map((s,p)=>a.createElement(w,{role:"option",dataItem:s,size:m,key:[P(s),p].join("-"),text:$(s),value:P(s),ariaLabel:s.ariaLabel,svgIcon:s.svgIcon||void 0}))))))}),se={id:t.string,className:t.string,tabIndex:t.number,data:t.any,defaultData:t.arrayOf(t.any),onDataChange:t.func,value:t.oneOfType([t.any,t.arrayOf(t.any)]),defaultValue:t.oneOfType([t.any,t.arrayOf(t.any)]),onChange:t.func,selection:t.oneOf(["single","none","multiple"]),textField:t.string,valueField:t.string,disabled:t.bool,dir:t.oneOf(["ltr","rtl"]),ariaLabelledBy:t.string,ariaDescribedBy:t.string,size:t.oneOf([null,"small","medium","large"])},r={chip:S.Chip,size:"medium",disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value",removable:"removable"};x.displayName="KendoReactChipList";x.propTypes=se;exports.ChipList=x;

package/Chip/ChipList.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 e from "prop-types";
 import { validatePackage as W, useDir as X, getter as M, useMouse as Y, getTabIndex as Z, classNames as _, kendoThemeMaps as V } from "@progress/kendo-react-common";

package/Chip/chip-list-contexts.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=require("react"),o=t.createContext([null,e=>{}]),n=t.createContext([null,e=>{}]),i=t.createContext([null,e=>{}]);exports.ChipListDataContext=i;exports.ChipListFocusContext=n;exports.ChipListSelectionContext=o;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),n=t.createContext([null,e=>{}]),o=t.createContext([null,e=>{}]),i=t.createContext([null,e=>{}]);exports.ChipListDataContext=i;exports.ChipListFocusContext=o;exports.ChipListSelectionContext=n;

package/Chip/chip-list-contexts.mjs

@@ -5,22 +5,23 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import t from "react";
-const n = t.createContext([
+const o = t.createContext([
   null,
   (e) => {
   }
-]), a = t.createContext([
+]), s = t.createContext([
   null,
   (e) => {
   }
-]), s = t.createContext([
+]), a = t.createContext([
   null,
   (e) => {
   }
 ]);
 export {
-  s as ChipListDataContext,
-  a as ChipListFocusContext,
-  n as ChipListSelectionContext
+  a as ChipListDataContext,
+  s as ChipListFocusContext,
+  o as ChipListSelectionContext
 };

package/Chip/data-reducer.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 d=(e=>(e.remove="remove",e.add="add",e.reorder="reorder",e))(d||{});const t=(e,r)=>{switch(r.type){case"add":break;case"remove":return e.filter(a=>a[r.valueField]!==r.payload);case"reorder":break;default:return e}};exports.CHIP_DATA_ACTION=d;exports.dataReducer=t;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var d=(e=>(e.remove="remove",e.add="add",e.reorder="reorder",e))(d||{});const t=(e,r)=>{switch(r.type){case"add":break;case"remove":return e.filter(a=>a[r.valueField]!==r.payload);case"reorder":break;default:return e}};exports.CHIP_DATA_ACTION=d;exports.dataReducer=t;

package/Chip/data-reducer.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 var a = /* @__PURE__ */ ((e) => (e.remove = "remove", e.add = "add", e.reorder = "reorder", e))(a || {});
 const o = (e, r) => {
   switch (r.type) {

package/Chip/focus-reducer.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 u=(e=>(e.next="next",e.prev="prev",e.current="current",e.reset="reset",e))(u||{});const s=(e,r)=>{const t=r.items.findIndex(n=>n===e);switch(r.type){case"next":return t===r.items.length-1?e:r.items[t+1];case"prev":return t===0?e:r.items[t-1];case"current":return r.payload;case"reset":return null;default:return e}};exports.FOCUS_ACTION=u;exports.focusReducer=s;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var u=(e=>(e.next="next",e.prev="prev",e.current="current",e.reset="reset",e))(u||{});const s=(e,r)=>{const t=r.items.findIndex(n=>n===e);switch(r.type){case"next":return t===r.items.length-1?e:r.items[t+1];case"prev":return t===0?e:r.items[t-1];case"current":return r.payload;case"reset":return null;default:return e}};exports.FOCUS_ACTION=u;exports.focusReducer=s;

package/Chip/focus-reducer.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 var u = /* @__PURE__ */ ((e) => (e.next = "next", e.prev = "prev", e.current = "current", e.reset = "reset", e))(u || {});
 const s = (e, r) => {
   const t = r.items.findIndex((n) => n === e);

package/Chip/selection-reducer.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 n=(r=>(r.toggle="toggle",r.remove="remove",r))(n||{});const o=(r,e)=>{switch(e.selection){case"single":switch(e.type){case"toggle":{if(!Array.isArray(r)||r===null)return e.payload===r?null:e.payload;throw new Error("State cannot be an array in single selection")}case"remove":return e.payload===r?null:r;default:return r}case"multiple":switch(e.type){case"toggle":{if(Array.isArray(r))return r.some(l=>l===e.payload)?r.filter(l=>l!==e.payload):[...r,e.payload];if(r===null)return[e.payload];throw new Error("State cannot be non-array in multiple selection")}case"remove":return Array.isArray(r)?r.some(l=>l===e.payload)?r.filter(l=>l!==e.payload):[...r,e.payload]:r;default:return r}case"none":return null;default:return r}};exports.SELECTION_ACTION=n;exports.selectionReducer=o;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var n=(r=>(r.toggle="toggle",r.remove="remove",r))(n||{});const u=(r,e)=>{switch(e.selection){case"single":switch(e.type){case"toggle":{if(!Array.isArray(r)||r===null)return e.payload===r?null:e.payload;throw new Error("State cannot be an array in single selection")}case"remove":return e.payload===r?null:r;default:return r}case"multiple":switch(e.type){case"toggle":{if(Array.isArray(r))return r.some(l=>l===e.payload)?r.filter(l=>l!==e.payload):[...r,e.payload];if(r===null)return[e.payload];throw new Error("State cannot be non-array in multiple selection")}case"remove":return Array.isArray(r)?r.some(l=>l===e.payload)?r.filter(l=>l!==e.payload):[...r,e.payload]:r;default:return r}case"none":return null;default:return r}};exports.SELECTION_ACTION=n;exports.selectionReducer=u;

package/Chip/selection-reducer.mjs

@@ -5,8 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 var n = /* @__PURE__ */ ((r) => (r.toggle = "toggle", r.remove = "remove", r))(n || {});
-const o = (r, e) => {
+const u = (r, e) => {
   switch (e.selection) {
     case "single":
       switch (e.type) {
@@ -42,5 +43,5 @@ const o = (r, e) => {
 };
 export {
   n as SELECTION_ACTION,
-  o as selectionReducer
+  u as selectionReducer
 };

package/FloatingActionButton/FloatingActionButton.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 ke=require("react"),o=require("prop-types"),a=require("@progress/kendo-react-common"),ye=require("./FloatingActionButtonItem.js"),he=require("../package-metadata.js"),K=require("./utils.js"),Ce=require("@progress/kendo-react-popup");function ve(d){const g=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const r in d)if(r!=="default"){const k=Object.getOwnPropertyDescriptor(d,r);Object.defineProperty(g,r,k.get?k:{enumerable:!0,get:()=>d[r]})}}return g.default=d,Object.freeze(g)}const t=ve(ke),Ie=2,Ee=100,q=t.forwardRef((d,g)=>{a.validatePackage(he.packageMetadata);const{align:r=C.align,alignOffset:k,className:z,disabled:f,icon:O,svgIcon:R,iconClass:B,id:$,items:s,item:Y,text:v,positionMode:w=C.positionMode,size:I=C.size,style:ee,rounded:E=C.rounded,themeColor:A=C.themeColor,overlayStyle:te,tabIndex:ae,accessKey:oe,popupSettings:D={},modal:ne,onClick:F,onItemClick:j,onFocus:P,onBlur:_,onKeyDown:W,onOpen:Z,onClose:H,...se}=d,L=a.useZIndexContext(),X=L?L+Ie:Ee,U=t.useRef(null),i=t.useRef(null),le=t.useRef(null),ie=t.useRef(null),G=t.useCallback(()=>{i.current&&i.current.focus()},[]),p=t.useCallback(()=>({element:i.current,focus:G}),[G]);t.useImperativeHandle(U,p),t.useImperativeHandle(g,()=>U.current);const[c,u]=t.useState(!1),[x,m]=t.useState(!1),[y,l]=t.useState(-1),re=a.useId()+"-button-id",M=a.useDir(i,d.dir),h=M==="rtl",N=a.useId()+"-list-id";t.useEffect(()=>{K.position(i,r,k,h)},[i,r,k,h]),t.useEffect(()=>{x&&i&&i.current&&i.current.focus()},[x,i]);const b=t.useCallback((e,n)=>{s&&a.dispatchEvent(n?Z:H,e,p(),void 0)},[Z,H,s]),J=t.useCallback(e=>{!e.target||f||(!s&&F?a.dispatchEvent(F,e,p(),void 0):(u(!c),m(!0),l(c?-1:0),b(e,!c)))},[u,m,l,F,b,c,s,f]),ce=t.useCallback(e=>{m(!0),l(c?0:-1),P&&a.dispatchEvent(P,e,p(),void 0)},[P,m,l]),ue=t.useCallback(e=>{m(!1),u(!1),l(-1),a.dispatchEvent(_,e,p(),void 0),c&&b(e,!1)},[_,m,u,l,b]),de=t.useCallback(e=>{e.preventDefault()},[]),S=t.useCallback((e,n)=>{s&&(s[n].disabled||a.dispatchEvent(j,e,p(),{itemProps:s[n],itemIndex:n}))},[j]),fe=t.useCallback((e,n)=>{!e.target||!s||(l(n),u(!1),S(e,n),b(e,!1))},[l,u,S,b]),pe=t.useCallback(e=>{a.getActiveElement(document)===i.current&&e.preventDefault()},[i]),me=t.useCallback(e=>{const n=y,T=s?s.length:-1;if(e.altKey){!c&&e.keyCode===a.Keys.down&&(e.preventDefault(),u(!0),l(0)),c&&e.keyCode===a.Keys.up&&(e.preventDefault(),u(!1),l(-1));return}switch(e.keyCode){case a.Keys.enter:case a.Keys.space:n>=0&&S(e,n),s||J(e),e.preventDefault(),u(!c),l(c?-1:0);break;case a.Keys.esc:e.preventDefault(),u(!1),l(-1);break;case a.Keys.home:e.preventDefault(),l(0);break;case a.Keys.end:e.preventDefault(),l(T-1);break;case a.Keys.down:case a.Keys.right:e.preventDefault(),l(n+1>=T?0:n+1);break;case a.Keys.up:case a.Keys.left:e.preventDefault(),l(n-1<0?T-1:n-1);break}a.dispatchEvent(W,e,p(),void 0)},[W,y,l,h,u]),be=t.useMemo(()=>a.classNames("k-fab k-fab-solid",{"k-fab-sm":I==="small","k-fab-md":I==="medium","k-fab-lg":I==="large","k-disabled":f,"k-pos-absolute":w==="absolute","k-pos-fixed":w==="fixed","k-focus":x,[`k-rounded-${a.kendoThemeMaps.roundedMap[E]||E}`]:E,[`k-fab-solid-${A}`]:A},`k-${r.vertical}-${r.horizontal}`,z),[A,I,E,f,w,r,x,z]),ge=s&&s.map((e,n)=>t.createElement(ye.FloatingActionButtonItem,{...e,key:n,index:n,id:`${N}-${n}`,disabled:f||e.disabled,focused:y===n,dataItem:e,item:Y,className:a.classNames(e.className,K.getTextDirectionClass(M||"ltr",r.horizontal)),onClick:fe,onDown:pe})),Q=!!((O||R)&&!v),V=(i.current?i.current.offsetWidth:0)/2-32/2;return t.createElement(a.ZIndexContext.Provider,{value:X},t.createElement(t.Fragment,null,t.createElement("button",{ref:i,id:$||re,role:"button",type:"button","aria-disabled":f,"aria-expanded":s?c:void 0,"aria-haspopup":!!s,"aria-label":`${v||""} floatingactionbutton`,"aria-owns":s?N:void 0,"aria-activedescendant":y>=0&&s?`${N}-${y}`:void 0,tabIndex:a.getTabIndex(ae,f),accessKey:oe,dir:M,disabled:f,className:be,style:ee,onClick:J,onMouseDown:de,onFocus:ce,onBlur:ue,onKeyDown:me,...se},O||R?t.createElement(a.IconWrap,{className:"k-fab-icon",name:O,icon:R}):B?t.createElement("span",{role:"presentation",className:B}):null,v&&t.createElement("span",{className:"k-fab-text"},v)),ne&&c&&t.createElement("div",{className:"k-overlay",style:{zIndex:X,...te}}),t.createElement(Ce.Popup,{ref:ie,anchor:i.current,show:c,animate:D.animate,popupClass:a.classNames("k-popup-transparent k-fab-popup",D.popupClass),anchorAlign:D.anchorAlign||K.getAnchorAlign(r,h),popupAlign:D.popupAlign||K.getPopupAlign(r,h),style:{boxShadow:"none"}},t.createElement("ul",{ref:le,role:"menu","aria-labelledby":$,id:N,className:a.classNames("k-fab-items",{"k-fab-items-bottom":r.vertical!=="bottom","k-fab-items-top":r.vertical==="bottom"}),style:{paddingLeft:Q?V:void 0,paddingRight:Q?V:void 0}},ge))))});q.propTypes={className:o.string,style:o.object,id:o.string,dir:o.string,tabIndex:o.number,accessKey:o.string,disabled:o.bool,icon:o.string,svgIcon:a.svgIconPropType,iconClass:o.string,text:o.string,alignOffset:o.shape({x:o.oneOfType([o.number,o.string]).isRequired,y:o.oneOfType([o.number,o.string]).isRequired}),align:o.shape({vertical:o.oneOf(["top","middle","bottom"]).isRequired,horizontal:o.oneOf(["start","center","end"]).isRequired}),positionMode:o.oneOf(["absolute","fixed"]),size:o.oneOf([null,"small","medium","large"]),rounded:o.oneOf([null,"small","medium","large","full"]),themeColor:o.oneOf([null,"primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"]),modal:o.bool,overlayStyle:o.object};const C={align:{vertical:"bottom",horizontal:"end"},size:"medium",rounded:"full",themeColor:"primary",positionMode:"fixed"};q.displayName="KendoFloatingActionButton";exports.FloatingActionButton=q;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ke=require("react"),n=require("prop-types"),a=require("@progress/kendo-react-common"),ye=require("./FloatingActionButtonItem.js"),he=require("../package-metadata.js"),K=require("./utils.js"),Ce=require("@progress/kendo-react-popup");function ve(d){const g=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const r in d)if(r!=="default"){const k=Object.getOwnPropertyDescriptor(d,r);Object.defineProperty(g,r,k.get?k:{enumerable:!0,get:()=>d[r]})}}return g.default=d,Object.freeze(g)}const t=ve(ke),Ie=2,Ee=100,q=t.forwardRef((d,g)=>{a.validatePackage(he.packageMetadata);const{align:r=C.align,alignOffset:k,className:z,disabled:f,icon:O,svgIcon:R,iconClass:B,id:$,items:s,item:Y,text:v,positionMode:w=C.positionMode,size:I=C.size,style:ee,rounded:E=C.rounded,themeColor:A=C.themeColor,overlayStyle:te,tabIndex:ae,accessKey:ne,popupSettings:D={},modal:oe,onClick:F,onItemClick:j,onFocus:P,onBlur:_,onKeyDown:W,onOpen:Z,onClose:H,...se}=d,L=a.useZIndexContext(),X=L?L+Ie:Ee,U=t.useRef(null),i=t.useRef(null),le=t.useRef(null),ie=t.useRef(null),G=t.useCallback(()=>{i.current&&i.current.focus()},[]),p=t.useCallback(()=>({element:i.current,focus:G}),[G]);t.useImperativeHandle(U,p),t.useImperativeHandle(g,()=>U.current);const[c,u]=t.useState(!1),[x,m]=t.useState(!1),[y,l]=t.useState(-1),re=a.useId()+"-button-id",M=a.useDir(i,d.dir),h=M==="rtl",N=a.useId()+"-list-id";t.useEffect(()=>{K.position(i,r,k,h)},[i,r,k,h]),t.useEffect(()=>{x&&i&&i.current&&i.current.focus()},[x,i]);const b=t.useCallback((e,o)=>{s&&a.dispatchEvent(o?Z:H,e,p(),void 0)},[Z,H,s]),J=t.useCallback(e=>{!e.target||f||(!s&&F?a.dispatchEvent(F,e,p(),void 0):(u(!c),m(!0),l(c?-1:0),b(e,!c)))},[u,m,l,F,b,c,s,f]),ce=t.useCallback(e=>{m(!0),l(c?0:-1),P&&a.dispatchEvent(P,e,p(),void 0)},[P,m,l]),ue=t.useCallback(e=>{m(!1),u(!1),l(-1),a.dispatchEvent(_,e,p(),void 0),c&&b(e,!1)},[_,m,u,l,b]),de=t.useCallback(e=>{e.preventDefault()},[]),S=t.useCallback((e,o)=>{s&&(s[o].disabled||a.dispatchEvent(j,e,p(),{itemProps:s[o],itemIndex:o}))},[j]),fe=t.useCallback((e,o)=>{!e.target||!s||(l(o),u(!1),S(e,o),b(e,!1))},[l,u,S,b]),pe=t.useCallback(e=>{a.getActiveElement(document)===i.current&&e.preventDefault()},[i]),me=t.useCallback(e=>{const o=y,T=s?s.length:-1;if(e.altKey){!c&&e.keyCode===a.Keys.down&&(e.preventDefault(),u(!0),l(0)),c&&e.keyCode===a.Keys.up&&(e.preventDefault(),u(!1),l(-1));return}switch(e.keyCode){case a.Keys.enter:case a.Keys.space:o>=0&&S(e,o),s||J(e),e.preventDefault(),u(!c),l(c?-1:0);break;case a.Keys.esc:e.preventDefault(),u(!1),l(-1);break;case a.Keys.home:e.preventDefault(),l(0);break;case a.Keys.end:e.preventDefault(),l(T-1);break;case a.Keys.down:case a.Keys.right:e.preventDefault(),l(o+1>=T?0:o+1);break;case a.Keys.up:case a.Keys.left:e.preventDefault(),l(o-1<0?T-1:o-1);break}a.dispatchEvent(W,e,p(),void 0)},[W,y,l,h,u]),be=t.useMemo(()=>a.classNames("k-fab k-fab-solid",{"k-fab-sm":I==="small","k-fab-md":I==="medium","k-fab-lg":I==="large","k-disabled":f,"k-pos-absolute":w==="absolute","k-pos-fixed":w==="fixed","k-focus":x,[`k-rounded-${a.kendoThemeMaps.roundedMap[E]||E}`]:E,[`k-fab-solid-${A}`]:A},`k-${r.vertical}-${r.horizontal}`,z),[A,I,E,f,w,r,x,z]),ge=s&&s.map((e,o)=>t.createElement(ye.FloatingActionButtonItem,{...e,key:o,index:o,id:`${N}-${o}`,disabled:f||e.disabled,focused:y===o,dataItem:e,item:Y,className:a.classNames(e.className,K.getTextDirectionClass(M||"ltr",r.horizontal)),onClick:fe,onDown:pe})),Q=!!((O||R)&&!v),V=(i.current?i.current.offsetWidth:0)/2-32/2;return t.createElement(a.ZIndexContext.Provider,{value:X},t.createElement(t.Fragment,null,t.createElement("button",{ref:i,id:$||re,role:"button",type:"button","aria-disabled":f,"aria-expanded":s?c:void 0,"aria-haspopup":!!s,"aria-label":`${v||""} floatingactionbutton`,"aria-owns":s?N:void 0,"aria-activedescendant":y>=0&&s?`${N}-${y}`:void 0,tabIndex:a.getTabIndex(ae,f),accessKey:ne,dir:M,disabled:f,className:be,style:ee,onClick:J,onMouseDown:de,onFocus:ce,onBlur:ue,onKeyDown:me,...se},O||R?t.createElement(a.IconWrap,{className:"k-fab-icon",name:O,icon:R}):B?t.createElement("span",{role:"presentation",className:B}):null,v&&t.createElement("span",{className:"k-fab-text"},v)),oe&&c&&t.createElement("div",{className:"k-overlay",style:{zIndex:X,...te}}),t.createElement(Ce.Popup,{ref:ie,anchor:i.current,show:c,animate:D.animate,popupClass:a.classNames("k-popup-transparent k-fab-popup",D.popupClass),anchorAlign:D.anchorAlign||K.getAnchorAlign(r,h),popupAlign:D.popupAlign||K.getPopupAlign(r,h),style:{boxShadow:"none"}},t.createElement("ul",{ref:le,role:"menu","aria-labelledby":$,id:N,className:a.classNames("k-fab-items",{"k-fab-items-bottom":r.vertical!=="bottom","k-fab-items-top":r.vertical==="bottom"}),style:{paddingLeft:Q?V:void 0,paddingRight:Q?V:void 0}},ge))))});q.propTypes={className:n.string,style:n.object,id:n.string,dir:n.string,tabIndex:n.number,accessKey:n.string,disabled:n.bool,icon:n.string,svgIcon:a.svgIconPropType,iconClass:n.string,text:n.string,alignOffset:n.shape({x:n.oneOfType([n.number,n.string]).isRequired,y:n.oneOfType([n.number,n.string]).isRequired}),align:n.shape({vertical:n.oneOf(["top","middle","bottom"]).isRequired,horizontal:n.oneOf(["start","center","end"]).isRequired}),positionMode:n.oneOf(["absolute","fixed"]),size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),themeColor:n.oneOf([null,"primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"]),modal:n.bool,overlayStyle:n.object};const C={align:{vertical:"bottom",horizontal:"end"},size:"medium",rounded:"full",themeColor:"primary",positionMode:"fixed"};q.displayName="KendoFloatingActionButton";exports.FloatingActionButton=q;

package/FloatingActionButton/FloatingActionButton.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 o from "prop-types";
 import { validatePackage as Ce, useZIndexContext as ye, useId as V, useDir as Ie, dispatchEvent as b, getActiveElement as ve, Keys as c, classNames as D, kendoThemeMaps as Ee, ZIndexContext as xe, getTabIndex as De, IconWrap as Ne, svgIconPropType as we } from "@progress/kendo-react-common";

package/FloatingActionButton/FloatingActionButtonItem.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 R=require("react"),t=require("prop-types"),r=require("@progress/kendo-react-common");function T(o){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const a in o)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(o,a);Object.defineProperty(c,a,n.get?n:{enumerable:!0,get:()=>o[a]})}}return c.default=o,Object.freeze(c)}const e=T(R),u=e.forwardRef((o,c)=>{const{className:a,disabled:n,text:i,icon:d,style:k,id:y,focused:b,tabIndex:x,index:s,dataItem:C,item:N,svgIcon:f,onDown:p,onClick:m,...v}=o,l=e.useRef(null),g=e.useCallback(()=>{l.current&&l.current.focus()},[]),P=e.useCallback(()=>({element:l.current,focus:g}),[g]);e.useImperativeHandle(c,P);const j=e.useCallback(O=>{m&&s!==void 0&&!n&&m(O,s)},[m,s]),E=e.useMemo(()=>r.classNames("k-fab-item",{"k-focus":b,"k-disabled":n},a),[a,n,b]),I=N;return e.createElement("li",{ref:l,id:y,className:E,style:k,role:"menuitem",tabIndex:r.getTabIndex(x,n),"aria-disabled":n,"aria-label":`${i||""} floatingactionbutton item`,onClick:j,onMouseDown:p,onPointerDown:p,...v},I?e.createElement(I,{itemIndex:s,item:C}):e.createElement(e.Fragment,null,i&&e.createElement("span",{className:"k-fab-item-text"},i),d||f?e.createElement(r.IconWrap,{className:"k-fab-item-icon",name:d,icon:f}):null))});u.propTypes={className:t.string,style:t.object,children:t.any,disabled:t.bool,focused:t.bool,index:t.number,icon:t.string,svgIcon:r.svgIconPropType,text:t.string,tabIndex:t.number,customProp:t.any};u.displayName="KendoFloatingActionButtonItem";exports.FloatingActionButtonItem=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),t=require("prop-types"),i=require("@progress/kendo-react-common");function T(o){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const a in o)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(o,a);Object.defineProperty(c,a,n.get?n:{enumerable:!0,get:()=>o[a]})}}return c.default=o,Object.freeze(c)}const e=T(R),u=e.forwardRef((o,c)=>{const{className:a,disabled:n,text:r,icon:d,style:k,id:y,focused:b,tabIndex:x,index:s,dataItem:C,item:N,svgIcon:f,onDown:p,onClick:m,...v}=o,l=e.useRef(null),g=e.useCallback(()=>{l.current&&l.current.focus()},[]),P=e.useCallback(()=>({element:l.current,focus:g}),[g]);e.useImperativeHandle(c,P);const j=e.useCallback(O=>{m&&s!==void 0&&!n&&m(O,s)},[m,s]),E=e.useMemo(()=>i.classNames("k-fab-item",{"k-focus":b,"k-disabled":n},a),[a,n,b]),I=N;return e.createElement("li",{ref:l,id:y,className:E,style:k,role:"menuitem",tabIndex:i.getTabIndex(x,n),"aria-disabled":n,"aria-label":`${r||""} floatingactionbutton item`,onClick:j,onMouseDown:p,onPointerDown:p,...v},I?e.createElement(I,{itemIndex:s,item:C}):e.createElement(e.Fragment,null,r&&e.createElement("span",{className:"k-fab-item-text"},r),d||f?e.createElement(i.IconWrap,{className:"k-fab-item-icon",name:d,icon:f}):null))});u.propTypes={className:t.string,style:t.object,children:t.any,disabled:t.bool,focused:t.bool,index:t.number,icon:t.string,svgIcon:i.svgIconPropType,text:t.string,tabIndex:t.number,customProp:t.any};u.displayName="KendoFloatingActionButtonItem";exports.FloatingActionButtonItem=u;

package/FloatingActionButton/FloatingActionButtonItem.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 t from "prop-types";
 import { classNames as R, getTabIndex as T, IconWrap as h, svgIconPropType as D } from "@progress/kendo-react-common";
@@ -22,17 +23,17 @@ const f = e.forwardRef((p, I) => {
     dataItem: y,
     item: C,
     svgIcon: r,
-    onDown: d,
+    onDown: u,
     onClick: l,
     ...N
-  } = p, a = e.useRef(null), u = e.useCallback(() => {
+  } = p, a = e.useRef(null), d = e.useCallback(() => {
     a.current && a.current.focus();
   }, []), v = e.useCallback(
     () => ({
       element: a.current,
-      focus: u
+      focus: d
     }),
-    [u]
+    [d]
   );
   e.useImperativeHandle(I, v);
   const E = e.useCallback(
@@ -63,8 +64,8 @@ const f = e.forwardRef((p, I) => {
       "aria-disabled": n,
       "aria-label": `${s || ""} floatingactionbutton item`,
       onClick: E,
-      onMouseDown: d,
-      onPointerDown: d,
+      onMouseDown: u,
+      onPointerDown: u,
       ...N
     },
     b ? /* @__PURE__ */ e.createElement(b, { itemIndex: o, item: y }) : /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement("span", { className: "k-fab-item-text" }, s), i || r ? /* @__PURE__ */ e.createElement(h, { className: "k-fab-item-icon", name: i, icon: r }) : null)

package/FloatingActionButton/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 s="16px",n=o=>typeof o=="number"?o+"px":o,h=(o,e)=>{const t={horizontal:e?"right":"left",vertical:"bottom"};return o.horizontal==="end"&&(t.horizontal=e?"left":"right"),t},p=(o,e)=>{const t={horizontal:e?"right":"left",vertical:"top"};return o.horizontal==="end"&&(t.horizontal=e?"left":"right"),t},y=(o,e)=>{const t=e==="end"?"end":"start";return{rtl:{end:"k-text-left",start:"k-text-right"},ltr:{start:"k-text-left",end:"k-text-right"}}[o][t]},x=(o,e,t,c)=>{const i=e.horizontal,r=e.vertical;if(o.current){const l=t&&t.x!==void 0?n(t.x):s,d=t&&t.x!==void 0?`calc(50% + ${n(t.x)})`:"50%",u=t&&t.y!==void 0?n(t.y):s,a=t&&t.y!==void 0?`calc(50% + ${n(t.y)})`:"50%";o.current.style.setProperty(b(e,c),i==="center"?d:l),o.current.style.setProperty(g(e),r==="middle"?a:u),c&&((r==="top"||r==="bottom")&&i==="start"&&o.current.style.setProperty("left","unset"),r==="middle"&&i==="end"&&o.current.style.setProperty("right","unset"),r==="middle"&&i==="start"&&o.current.style.setProperty("left","unset"))}},b=(o,e)=>{const{horizontal:t}=o;return{end:e?"left":"right",center:"left",start:e?"right":"left"}[t||"end"]},g=o=>({top:"top",middle:"top",bottom:"bottom"})[o.vertical||"bottom"];exports.DEFAULT_OFFSET=s;exports.getAnchorAlign=h;exports.getPopupAlign=p;exports.getTextDirectionClass=y;exports.position=x;exports.toStringValues=n;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s="16px",n=o=>typeof o=="number"?o+"px":o,h=(o,e)=>{const t={horizontal:e?"right":"left",vertical:"bottom"};return o.horizontal==="end"&&(t.horizontal=e?"left":"right"),t},p=(o,e)=>{const t={horizontal:e?"right":"left",vertical:"top"};return o.horizontal==="end"&&(t.horizontal=e?"left":"right"),t},y=(o,e)=>{const t=e==="end"?"end":"start";return{rtl:{end:"k-text-left",start:"k-text-right"},ltr:{start:"k-text-left",end:"k-text-right"}}[o][t]},x=(o,e,t,c)=>{const i=e.horizontal,r=e.vertical;if(o.current){const l=t&&t.x!==void 0?n(t.x):s,d=t&&t.x!==void 0?`calc(50% + ${n(t.x)})`:"50%",u=t&&t.y!==void 0?n(t.y):s,a=t&&t.y!==void 0?`calc(50% + ${n(t.y)})`:"50%";o.current.style.setProperty(b(e,c),i==="center"?d:l),o.current.style.setProperty(g(e),r==="middle"?a:u),c&&((r==="top"||r==="bottom")&&i==="start"&&o.current.style.setProperty("left","unset"),r==="middle"&&i==="end"&&o.current.style.setProperty("right","unset"),r==="middle"&&i==="start"&&o.current.style.setProperty("left","unset"))}},b=(o,e)=>{const{horizontal:t}=o;return{end:e?"left":"right",center:"left",start:e?"right":"left"}[t||"end"]},g=o=>({top:"top",middle:"top",bottom:"bottom"})[o.vertical||"bottom"];exports.DEFAULT_OFFSET=s;exports.getAnchorAlign=h;exports.getPopupAlign=p;exports.getTextDirectionClass=y;exports.position=x;exports.toStringValues=n;

package/FloatingActionButton/utils.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 const s = "16px", i = (o) => typeof o == "number" ? o + "px" : o, y = (o, r) => {
   const t = { horizontal: r ? "right" : "left", vertical: "bottom" };
   return o.horizontal === "end" && (t.horizontal = r ? "left" : "right"), t;

package/ListButton/ButtonItem.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"),n=require("@progress/kendo-react-common");function r(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const d=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(c,a,d.get?d:{enumerable:!0,get:()=>e[a]})}}return c.default=e,Object.freeze(c)}const t=r(I),o=e=>{const c=n.useUnstyled(),a=e.unstyled||c,d=a&&a.uDropDownButton,u=t.useCallback(s=>{e.onClick(s,e.index)},[e]),l=e.dataItem.render||e.item||(e.item===void 0?e.render:null),i=e.dataItem.text!==void 0?e.dataItem.text:e.textField?e.dataItem[e.textField]:e.dataItem,m=t.createElement("li",{id:e.id,className:n.classNames(n.uDropDownButton.li({c:d,focused:e.focused}),e.className),tabIndex:-1,onClick:u,onMouseDown:e.onDown,onPointerDown:e.onDown,role:"menuitem","aria-disabled":e.dataItem.disabled||void 0},t.createElement("span",{tabIndex:-1,className:n.classNames(n.uDropDownButton.link({c:d,selected:e.dataItem.selected,disabled:e.dataItem.disabled})),key:"icon"},l?t.createElement(l,{item:e.dataItem,itemIndex:e.index}):t.createElement(t.Fragment,null,(e.dataItem.icon||e.dataItem.iconClass||e.dataItem.svgIcon)&&t.createElement(n.IconWrap,{className:e.dataItem.iconClass,name:e.dataItem.icon,icon:e.dataItem.svgIcon}),e.dataItem.imageUrl&&t.createElement("img",{role:"presentation",alt:"",src:e.dataItem.imageUrl,className:"k-icon"}),i&&t.createElement("span",{className:"k-menu-link-text"},i))));return e.item!==void 0&&e.render!==void 0?e.render.call(void 0,m,e):m};o.displayName="KendoReactButtonItem";exports.ButtonItem=o;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react"),n=require("@progress/kendo-react-common");function r(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const d=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(c,a,d.get?d:{enumerable:!0,get:()=>e[a]})}}return c.default=e,Object.freeze(c)}const t=r(I),o=e=>{const c=n.useUnstyled(),a=e.unstyled||c,d=a&&a.uDropDownButton,u=t.useCallback(s=>{e.onClick(s,e.index)},[e]),l=e.dataItem.render||e.item||(e.item===void 0?e.render:null),i=e.dataItem.text!==void 0?e.dataItem.text:e.textField?e.dataItem[e.textField]:e.dataItem,m=t.createElement("li",{id:e.id,className:n.classNames(n.uDropDownButton.li({c:d,focused:e.focused}),e.className),tabIndex:-1,onClick:u,onMouseDown:e.onDown,onPointerDown:e.onDown,role:"menuitem","aria-disabled":e.dataItem.disabled||void 0},t.createElement("span",{tabIndex:-1,className:n.classNames(n.uDropDownButton.link({c:d,selected:e.dataItem.selected,disabled:e.dataItem.disabled})),key:"icon"},l?t.createElement(l,{item:e.dataItem,itemIndex:e.index}):t.createElement(t.Fragment,null,(e.dataItem.icon||e.dataItem.iconClass||e.dataItem.svgIcon)&&t.createElement(n.IconWrap,{className:e.dataItem.iconClass,name:e.dataItem.icon,icon:e.dataItem.svgIcon}),e.dataItem.imageUrl&&t.createElement("img",{role:"presentation",alt:"",src:e.dataItem.imageUrl,className:"k-icon"}),i&&t.createElement("span",{className:"k-menu-link-text"},i))));return e.item!==void 0&&e.render!==void 0?e.render.call(void 0,m,e):m};o.displayName="KendoReactButtonItem";exports.ButtonItem=o;

package/ListButton/ButtonItem.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 { useUnstyled as u, classNames as c, uDropDownButton as i, IconWrap as x } from "@progress/kendo-react-common";
 const k = (e) => {
@@ -13,7 +14,7 @@ const k = (e) => {
       e.onClick(s, e.index);
     },
     [e]
-  ), d = e.dataItem.render || e.item || (e.item === void 0 ? e.render : null), m = e.dataItem.text !== void 0 ? e.dataItem.text : e.textField ? e.dataItem[e.textField] : e.dataItem, l = /* @__PURE__ */ t.createElement(
+  ), d = e.dataItem.render || e.item || (e.item === void 0 ? e.render : null), l = e.dataItem.text !== void 0 ? e.dataItem.text : e.textField ? e.dataItem[e.textField] : e.dataItem, m = /* @__PURE__ */ t.createElement(
     "li",
     {
       id: e.id,
@@ -51,10 +52,10 @@ const k = (e) => {
           name: e.dataItem.icon,
           icon: e.dataItem.svgIcon
         }
-      ), e.dataItem.imageUrl && /* @__PURE__ */ t.createElement("img", { role: "presentation", alt: "", src: e.dataItem.imageUrl, className: "k-icon" }), m && /* @__PURE__ */ t.createElement("span", { className: "k-menu-link-text" }, m))
+      ), e.dataItem.imageUrl && /* @__PURE__ */ t.createElement("img", { role: "presentation", alt: "", src: e.dataItem.imageUrl, className: "k-icon" }), l && /* @__PURE__ */ t.createElement("span", { className: "k-menu-link-text" }, l))
     )
   );
-  return e.item !== void 0 && e.render !== void 0 ? e.render.call(void 0, l, e) : l;
+  return e.item !== void 0 && e.render !== void 0 ? e.render.call(void 0, m, e) : m;
 };
 k.displayName = "KendoReactButtonItem";
 export {

package/ListButton/DropDownButton.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 K=require("react"),i=require("prop-types"),F=require("../Button.js"),e=require("@progress/kendo-react-common"),P=require("./utils/navigation.js"),A=require("./DropDownButtonItem.js"),M=require("./ButtonItem.js"),N=require("@progress/kendo-react-popup"),f=require("./utils/popup.js"),R=require("../package-metadata.js");function q(c){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const t in c)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(c,t);Object.defineProperty(o,t,s.get?s:{enumerable:!0,get:()=>c[t]})}}return o.default=c,Object.freeze(o)}const u=q(K),d=class d extends u.Component{constructor(o){super(o),this.state={opened:!1,focused:!1,focusedIndex:-1},this.mainButton=null,this.list=null,this.skipFocus=!1,this.buttonsData=[],this.onKeyDown=t=>{const{focusedIndex:s}=this.state;if(t.altKey){!this.opened&&t.keyCode===e.Keys.down?(t.preventDefault(),this.setOpen(!0,t),this.setState({focusedIndex:0})):this.opened&&t.keyCode===e.Keys.up&&(t.preventDefault(),this.setState({focusedIndex:-1}),this.setOpen(!1,t));return}const n={...this.state};if(t.keyCode===e.Keys.enter||t.keyCode===e.Keys.space){t.preventDefault(),s>=0&&this.dispatchClickEvent(t,s);const r=!this.opened;this.setState({focused:!0,focusedIndex:r?0:-1}),this.setOpen(r,t);return}if(this.opened&&t.keyCode===e.Keys.esc){this.setState({focusedIndex:-1}),this.setOpen(!1,t);return}if(this.opened){const r=P.navigate(s,t.keyCode,t.altKey,this.buttonsData.length);n.focusedIndex=r;const a=t.keyCode===e.Keys.up||t.keyCode===e.Keys.down||t.keyCode===e.Keys.left||t.keyCode===e.Keys.right;!t.altKey&&(a||t.keyCode===e.Keys.home||t.keyCode===e.Keys.end)&&t.preventDefault()}this.setState(n)},this.switchFocus=t=>{this.skipFocus=!0,t(),window.setTimeout(()=>this.skipFocus=!1,0)},this.handleFocus=t=>{this.skipFocus||(this.setState({focused:!0,focusedIndex:this.opened?0:-1}),e.dispatchEvent(this.props.onFocus,t,this,void 0))},this.handleButtonBlur=t=>{this.opened||(this.setState({focused:!1}),e.dispatchEvent(this.props.onBlur,t,this,void 0))},this.handleMenuBlur=t=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),e.dispatchEvent(this.props.onBlur,t,this,void 0),setTimeout(()=>{this.setOpen(!1,t)},0))},this.setOpen=(t,s)=>{this.opened!==t&&(this.openedDuringOnChange=t,this.setState({opened:t}),s?this.dispatchPopupEvent(s,t):this.openedDuringOnChange=void 0)},this.onItemClick=(t,s)=>{this.setState({focusedIndex:-1}),this.dispatchClickEvent(t,s),this.setOpen(!1,t)},this.onItemDown=t=>{e.getActiveElement(document)===this.list&&t.preventDefault()},this.mouseDown=t=>{t.preventDefault();const s=e.getActiveElement(document);this.element&&s!==this.element&&s!==this.list&&this.element.focus()},this.onPopupClose=t=>{var n;const s=e.getActiveElement(document);this.element&&this.element.removeAttribute("tabindex"),(s===this.list||(n=this.list)!=null&&n.contains(s))&&this.switchFocus(()=>{this.element&&this.element.focus({preventScroll:!0})}),this.props.popupSettings&&this.props.popupSettings.onClose&&this.props.popupSettings.onClose.call(void 0,t)},this.listRef=t=>{this.list=t,t&&this.state.focused&&this.switchFocus(()=>{t.focus({preventScroll:!0}),this.element&&(this.element.tabIndex=-1)})},this.onClickMainButton=t=>{if(!this.buttonsData.length)return;const s=!this.opened;this.setState({focused:!0,focusedIndex:s?0:-1}),this.setOpen(s,t)},this.dispatchPopupEvent=(t,s)=>{e.dispatchEvent(s?this.props.onOpen:this.props.onClose,t,this,void 0),this.openedDuringOnChange=void 0},e.validatePackage(R.packageMetadata)}get guid(){return this.props.id+"-accessibility-id"}get opened(){return this.openedDuringOnChange!==void 0?this.openedDuringOnChange:this.props.opened===void 0?this.state.opened:this.props.opened}render(){const o=this.isRtl(),t=this.context&&this.context.uDropDownButton,s=o?"rtl":void 0,{id:n,style:r,tabIndex:a,disabled:l,size:m,rounded:g,fillMode:y,themeColor:C,ariaLabel:D,title:b,accessKey:k,icon:I,svgIcon:w,iconClass:B,buttonClass:x,className:O,imageUrl:S,startIcon:v,endIcon:E}=this.props;return this.buttonsData=this.props.items||u.Children.toArray(this.props.children).filter(p=>p&&p.type===A.DropDownButtonItem).map(p=>p.props),u.createElement(u.Fragment,null,u.createElement(F.Button,{id:n,size:m,style:r,rounded:g,fillMode:y,themeColor:C,onClick:this.onClickMainButton,onMouseDown:this.mouseDown,onKeyDown:this.onKeyDown,onFocus:this.handleFocus,onBlur:this.handleButtonBlur,"aria-disabled":l?"true":void 0,tabIndex:a,accessKey:k,icon:I,svgIcon:w,iconClass:B,className:e.classNames(x,O,e.uDropDownButton.wrapper({c:t,focused:this.state.focused,disabled:l})),imageUrl:S,dir:s,ref:p=>this.mainButton=p&&p.element,type:"button","aria-expanded":this.opened?"true":"false","aria-label":D,"aria-controls":this.opened?this.guid:void 0,title:b,startIcon:v,endIcon:E},this.props.text),this.renderPopup(o))}componentDidMount(){(this.props.dir===void 0&&this.isRtl()||this.opened)&&this.forceUpdate()}get element(){return this.mainButton}dispatchClickEvent(o,t){this.isItemDisabled(t)||e.dispatchEvent(this.props.onItemClick,o,this,{item:this.buttonsData[t],itemIndex:t})}renderPopup(o){const{popupSettings:t={},id:s}=this.props,n=this.context&&this.context.uDropDownButton,{focusedIndex:r}=this.state;return u.createElement(N.Popup,{anchor:this.mainButton,show:this.opened,animate:t.animate,popupClass:e.classNames(e.uDropDownButton.popup({c:n}),t.popupClass),anchorAlign:t.anchorAlign||f.getAnchorAlign(o),popupAlign:t.popupAlign||f.getPopupAlign(o),style:o?{direction:"rtl"}:void 0,onClose:this.onPopupClose},u.createElement("ul",{role:"list",id:this.guid,tabIndex:-1,"aria-activedescendant":r>=0?`${this.guid}-${r}`:void 0,ref:this.listRef,onKeyDown:this.onKeyDown,onBlur:this.handleMenuBlur,className:e.classNames(e.uDropDownButton.ul({c:n,size:this.props.size}))},this.renderChildItems()))}renderChildItems(){const{item:o,itemRender:t,textField:s}=this.props,n=this.context&&this.context.uDropDownButton;return this.buttonsData.length>0?this.buttonsData.map((r,a)=>u.createElement(M.ButtonItem,{className:e.classNames(e.uDropDownButton.item({c:n}),r.className,{"k-first":a===0},{"k-last":a===this.buttonsData.length-1}),dataItem:r,textField:s,focused:this.state.focusedIndex===a,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:o,index:a,key:a,id:`${this.guid}-${a}`})):null}isItemDisabled(o){return this.buttonsData[o]?this.buttonsData[o].disabled:this.props.disabled}isRtl(){return this.props.dir!==void 0?this.props.dir==="rtl":!!this.mainButton&&getComputedStyle(this.mainButton).direction==="rtl"}};d.propTypes={accessKey:i.string,ariaLabel:i.string,title:i.string,onFocus:i.func,onBlur:i.func,onItemClick:i.func,onOpen:i.func,onClose:i.func,items:i.arrayOf(i.any),textField:i.string,tabIndex:i.number,disabled:i.bool,icon:i.string,svgIcon:e.svgIconPropType,iconClass:i.string,imageUrl:i.string,popupSettings:i.object,itemRender:i.func,item:i.func,className:i.string,buttonClass:i.string,dir:i.string},d.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};let h=d;h.contextType=e.UnstyledContext;exports.DropDownButton=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("react"),i=require("prop-types"),F=require("../Button.js"),e=require("@progress/kendo-react-common"),P=require("./utils/navigation.js"),A=require("./DropDownButtonItem.js"),M=require("./ButtonItem.js"),N=require("@progress/kendo-react-popup"),f=require("./utils/popup.js"),R=require("../package-metadata.js");function q(c){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const t in c)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(c,t);Object.defineProperty(o,t,s.get?s:{enumerable:!0,get:()=>c[t]})}}return o.default=c,Object.freeze(o)}const u=q(K),d=class d extends u.Component{constructor(o){super(o),this.state={opened:!1,focused:!1,focusedIndex:-1},this.mainButton=null,this.list=null,this.skipFocus=!1,this.buttonsData=[],this.onKeyDown=t=>{const{focusedIndex:s}=this.state;if(t.altKey){!this.opened&&t.keyCode===e.Keys.down?(t.preventDefault(),this.setOpen(!0,t),this.setState({focusedIndex:0})):this.opened&&t.keyCode===e.Keys.up&&(t.preventDefault(),this.setState({focusedIndex:-1}),this.setOpen(!1,t));return}const n={...this.state};if(t.keyCode===e.Keys.enter||t.keyCode===e.Keys.space){t.preventDefault(),s>=0&&this.dispatchClickEvent(t,s);const r=!this.opened;this.setState({focused:!0,focusedIndex:r?0:-1}),this.setOpen(r,t);return}if(this.opened&&t.keyCode===e.Keys.esc){this.setState({focusedIndex:-1}),this.setOpen(!1,t);return}if(this.opened){const r=P.navigate(s,t.keyCode,t.altKey,this.buttonsData.length);n.focusedIndex=r;const a=t.keyCode===e.Keys.up||t.keyCode===e.Keys.down||t.keyCode===e.Keys.left||t.keyCode===e.Keys.right;!t.altKey&&(a||t.keyCode===e.Keys.home||t.keyCode===e.Keys.end)&&t.preventDefault()}this.setState(n)},this.switchFocus=t=>{this.skipFocus=!0,t(),window.setTimeout(()=>this.skipFocus=!1,0)},this.handleFocus=t=>{this.skipFocus||(this.setState({focused:!0,focusedIndex:this.opened?0:-1}),e.dispatchEvent(this.props.onFocus,t,this,void 0))},this.handleButtonBlur=t=>{this.opened||(this.setState({focused:!1}),e.dispatchEvent(this.props.onBlur,t,this,void 0))},this.handleMenuBlur=t=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),e.dispatchEvent(this.props.onBlur,t,this,void 0),setTimeout(()=>{this.setOpen(!1,t)},0))},this.setOpen=(t,s)=>{this.opened!==t&&(this.openedDuringOnChange=t,this.setState({opened:t}),s?this.dispatchPopupEvent(s,t):this.openedDuringOnChange=void 0)},this.onItemClick=(t,s)=>{this.setState({focusedIndex:-1}),this.dispatchClickEvent(t,s),this.setOpen(!1,t)},this.onItemDown=t=>{e.getActiveElement(document)===this.list&&t.preventDefault()},this.mouseDown=t=>{t.preventDefault();const s=e.getActiveElement(document);this.element&&s!==this.element&&s!==this.list&&this.element.focus()},this.onPopupClose=t=>{var n;const s=e.getActiveElement(document);this.element&&this.element.removeAttribute("tabindex"),(s===this.list||(n=this.list)!=null&&n.contains(s))&&this.switchFocus(()=>{this.element&&this.element.focus({preventScroll:!0})}),this.props.popupSettings&&this.props.popupSettings.onClose&&this.props.popupSettings.onClose.call(void 0,t)},this.listRef=t=>{this.list=t,t&&this.state.focused&&this.switchFocus(()=>{t.focus({preventScroll:!0}),this.element&&(this.element.tabIndex=-1)})},this.onClickMainButton=t=>{if(!this.buttonsData.length)return;const s=!this.opened;this.setState({focused:!0,focusedIndex:s?0:-1}),this.setOpen(s,t)},this.dispatchPopupEvent=(t,s)=>{e.dispatchEvent(s?this.props.onOpen:this.props.onClose,t,this,void 0),this.openedDuringOnChange=void 0},e.validatePackage(R.packageMetadata)}get guid(){return this.props.id+"-accessibility-id"}get opened(){return this.openedDuringOnChange!==void 0?this.openedDuringOnChange:this.props.opened===void 0?this.state.opened:this.props.opened}render(){const o=this.isRtl(),t=this.context&&this.context.uDropDownButton,s=o?"rtl":void 0,{id:n,style:r,tabIndex:a,disabled:l,size:m,rounded:g,fillMode:y,themeColor:C,ariaLabel:D,title:b,accessKey:k,icon:I,svgIcon:w,iconClass:B,buttonClass:x,className:O,imageUrl:S,startIcon:v,endIcon:E}=this.props;return this.buttonsData=this.props.items||u.Children.toArray(this.props.children).filter(p=>p&&p.type===A.DropDownButtonItem).map(p=>p.props),u.createElement(u.Fragment,null,u.createElement(F.Button,{id:n,size:m,style:r,rounded:g,fillMode:y,themeColor:C,onClick:this.onClickMainButton,onMouseDown:this.mouseDown,onKeyDown:this.onKeyDown,onFocus:this.handleFocus,onBlur:this.handleButtonBlur,"aria-disabled":l?"true":void 0,tabIndex:a,accessKey:k,icon:I,svgIcon:w,iconClass:B,className:e.classNames(x,O,e.uDropDownButton.wrapper({c:t,focused:this.state.focused,disabled:l})),imageUrl:S,dir:s,ref:p=>this.mainButton=p&&p.element,type:"button","aria-expanded":this.opened?"true":"false","aria-label":D,"aria-controls":this.opened?this.guid:void 0,title:b,startIcon:v,endIcon:E},this.props.text),this.renderPopup(o))}componentDidMount(){(this.props.dir===void 0&&this.isRtl()||this.opened)&&this.forceUpdate()}get element(){return this.mainButton}dispatchClickEvent(o,t){this.isItemDisabled(t)||e.dispatchEvent(this.props.onItemClick,o,this,{item:this.buttonsData[t],itemIndex:t})}renderPopup(o){const{popupSettings:t={},id:s}=this.props,n=this.context&&this.context.uDropDownButton,{focusedIndex:r}=this.state;return u.createElement(N.Popup,{anchor:this.mainButton,show:this.opened,animate:t.animate,popupClass:e.classNames(e.uDropDownButton.popup({c:n}),t.popupClass),anchorAlign:t.anchorAlign||f.getAnchorAlign(o),popupAlign:t.popupAlign||f.getPopupAlign(o),style:o?{direction:"rtl"}:void 0,onClose:this.onPopupClose},u.createElement("ul",{role:"list",id:this.guid,tabIndex:-1,"aria-activedescendant":r>=0?`${this.guid}-${r}`:void 0,ref:this.listRef,onKeyDown:this.onKeyDown,onBlur:this.handleMenuBlur,className:e.classNames(e.uDropDownButton.ul({c:n,size:this.props.size}))},this.renderChildItems()))}renderChildItems(){const{item:o,itemRender:t,textField:s}=this.props,n=this.context&&this.context.uDropDownButton;return this.buttonsData.length>0?this.buttonsData.map((r,a)=>u.createElement(M.ButtonItem,{className:e.classNames(e.uDropDownButton.item({c:n}),r.className,{"k-first":a===0},{"k-last":a===this.buttonsData.length-1}),dataItem:r,textField:s,focused:this.state.focusedIndex===a,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:o,index:a,key:a,id:`${this.guid}-${a}`})):null}isItemDisabled(o){return this.buttonsData[o]?this.buttonsData[o].disabled:this.props.disabled}isRtl(){return this.props.dir!==void 0?this.props.dir==="rtl":!!this.mainButton&&getComputedStyle(this.mainButton).direction==="rtl"}};d.propTypes={accessKey:i.string,ariaLabel:i.string,title:i.string,onFocus:i.func,onBlur:i.func,onItemClick:i.func,onOpen:i.func,onClose:i.func,items:i.arrayOf(i.any),textField:i.string,tabIndex:i.number,disabled:i.bool,icon:i.string,svgIcon:e.svgIconPropType,iconClass:i.string,imageUrl:i.string,popupSettings:i.object,itemRender:i.func,item:i.func,className:i.string,buttonClass:i.string,dir:i.string},d.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};let h=d;h.contextType=e.UnstyledContext;exports.DropDownButton=h;

package/ListButton/DropDownButton.mjs

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

package/ListButton/DropDownButtonItem.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"),e=require("prop-types");function a(t){const n=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(n,r,c.get?c:{enumerable:!0,get:()=>t[r]})}}return n.default=t,Object.freeze(n)}const l=a(i),s=class s extends l.Component{render(){return null}};s.propTypes={text:e.string,icon:e.string,iconClass:e.string,imageUrl:e.string,selected:e.bool,disabled:e.bool,render:e.any};let o=s;exports.DropDownButtonItem=o;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),e=require("prop-types");function l(t){const n=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(n,r,c.get?c:{enumerable:!0,get:()=>t[r]})}}return n.default=t,Object.freeze(n)}const a=l(i),o=class o extends a.Component{render(){return null}};o.propTypes={text:e.string,icon:e.string,iconClass:e.string,imageUrl:e.string,selected:e.bool,disabled:e.bool,render:e.any};let s=o;exports.DropDownButtonItem=s;