@progress/kendo-react-inputs 13.4.0-develop.2 → 13.4.0-develop.4

package/radiobutton/RadioButton.mjs

@@ -7,16 +7,16 @@
  */
 import * as e from "react";
 import a from "prop-types";
-import { createPropsContext as U, usePropsContext as A, useUnstyled as G, useId as J, dispatchEvent as d, getTabIndex as M, classNames as m, uRadioButton as b } from "@progress/kendo-react-common";
-const Q = U(), x = e.forwardRef((E, F) => {
-  const I = A(Q, E), {
+import { createPropsContext as S, usePropsContext as U, useUnstyled as A, useId as G, dispatchEvent as d, getTabIndex as J, classNames as m, uRadioButton as b } from "@progress/kendo-react-common";
+const M = S(), x = e.forwardRef((E, F) => {
+  const I = U(M, E), {
     ariaDescribedBy: P,
     checked: p,
     children: f,
     className: k,
     disabled: n,
     id: g,
-    size: N = V.size,
+    size: N = Q.size,
     label: o,
     labelPlacement: z,
     name: T,
@@ -28,8 +28,8 @@ const Q = U(), x = e.forwardRef((E, F) => {
     onFocus: c,
     onBlur: i,
     required: H,
-    ...j
-  } = I, y = G(), u = y && y.uRadioButton, l = e.useRef(null), C = e.useCallback(() => {
+    ..._
+  } = I, y = A(), u = y && y.uRadioButton, l = e.useRef(null), C = e.useCallback(() => {
     l.current && l.current.focus();
   }, []), s = e.useCallback(
     () => ({
@@ -39,14 +39,14 @@ const Q = U(), x = e.forwardRef((E, F) => {
     [C]
   );
   e.useImperativeHandle(F, s);
-  const v = J(), K = e.useCallback(
+  const v = G(), j = e.useCallback(
     (t) => {
       d(h, t, s(), {
         value: r
       });
     },
     [h, r, n]
-  ), L = e.useCallback(
+  ), K = e.useCallback(
     (t) => {
       c && !n && d(
         c,
@@ -56,12 +56,12 @@ const Q = U(), x = e.forwardRef((E, F) => {
       );
     },
     [c, n]
-  ), O = e.useCallback(
+  ), L = e.useCallback(
     (t) => {
       i && !n && d(i, t, s(), void 0);
     },
     [i, n]
-  ), S = {
+  ), O = {
     type: "radio",
     id: g || v,
     name: T,
@@ -76,16 +76,16 @@ const Q = U(), x = e.forwardRef((E, F) => {
     ),
     ref: l,
     disabled: n,
-    tabIndex: M(w, n),
+    tabIndex: J(w, n),
     checked: p,
     style: q,
     "aria-describedby": P,
     "aria-required": H,
     value: r,
-    onChange: K,
-    onFocus: L,
-    onBlur: O,
-    ...j
+    onChange: j,
+    onFocus: K,
+    onBlur: L,
+    ..._
   }, B = /* @__PURE__ */ e.createElement(e.Fragment, null, o !== void 0 ? /* @__PURE__ */ e.createElement(
     "label",
     {
@@ -95,7 +95,7 @@ const Q = U(), x = e.forwardRef((E, F) => {
       "aria-label": o
     },
     o
-  ) : null), R = /* @__PURE__ */ e.createElement("span", { className: m(b.wrap({ c: u })) }, /* @__PURE__ */ e.createElement("input", { ...S }));
+  ) : null), R = /* @__PURE__ */ e.createElement("span", { className: m(b.wrap({ c: u })) }, /* @__PURE__ */ e.createElement("input", { ...O }));
   return z === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, B, R, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, R, B, f);
 });
 x.propTypes = {
@@ -116,11 +116,11 @@ x.propTypes = {
   onFocus: a.func,
   onBlur: a.func
 };
-const V = {
+const Q = {
   size: void 0
 };
 x.displayName = "KendoRadioButton";
 export {
   x as RadioButton,
-  Q as RadioButtonPropsContext
+  M as RadioButtonPropsContext
 };

package/radiobutton/RadioGroup.mjs

@@ -7,10 +7,10 @@
  */
 import * as t from "react";
 import e from "prop-types";
-import { RadioButton as J } from "./RadioButton.mjs";
-import { createPropsContext as M, usePropsContext as Q, useUnstyled as W, focusFirstFocusableChild as X, dispatchEvent as k, useId as Y, classNames as P, uRadioGroup as E, useRtl as Z } from "@progress/kendo-react-common";
-const _ = M(), G = t.forwardRef((r, I) => {
-  const m = Q(_, r), {
+import { RadioButton as A } from "./RadioButton.mjs";
+import { createPropsContext as J, usePropsContext as M, useUnstyled as Q, focusFirstFocusableChild as W, dispatchEvent as k, useId as X, classNames as P, uRadioGroup as E, useRtl as Y } from "@progress/kendo-react-common";
+const Z = J(), G = t.forwardRef((r, I) => {
+  const m = M(Z, r), {
     id: N,
     ariaLabelledBy: B,
     ariaDescribedBy: F,
@@ -27,8 +27,8 @@ const _ = M(), G = t.forwardRef((r, I) => {
     item: D = $.item,
     onChange: c,
     onFocus: d
-  } = m, f = W(), y = f && f.uRadioGroup, o = t.useRef(null), C = t.useCallback(() => {
-    o.current && X(o.current);
+  } = m, f = Q(), y = f && f.uRadioGroup, o = t.useRef(null), C = t.useCallback(() => {
+    o.current && W(o.current);
   }, []), i = t.useCallback(
     () => ({
       element: o.current,
@@ -58,21 +58,21 @@ const _ = M(), G = t.forwardRef((r, I) => {
       );
     },
     [d, s]
-  ), T = Y(), w = P(
+  ), T = X(), _ = P(
     E.ul({
       c: y,
       horizontal: n === "horizontal",
       vertical: n === "vertical" || n === void 0
     }),
     x
-  ), K = Z(o, m.dir), U = b && b.map((a, l) => {
-    const g = u === a.value, A = u == null, R = {
+  ), w = Y(o, m.dir), K = b && b.map((a, l) => {
+    const g = u === a.value, U = u == null, R = {
       ...a,
       valid: z,
       checked: g,
       disabled: !!(a.disabled || s),
       labelPlacement: a.labelPlacement ? a.labelPlacement : j,
-      tabIndex: a.tabIndex ? a.tabIndex : A && l === 0 || g ? 0 : -1,
+      tabIndex: a.tabIndex ? a.tabIndex : U && l === 0 || g ? 0 : -1,
       index: l,
       name: O || T,
       required: a.required,
@@ -91,7 +91,7 @@ const _ = M(), G = t.forwardRef((r, I) => {
         key: l,
         role: "none"
       },
-      /* @__PURE__ */ t.createElement(J, { ...R })
+      /* @__PURE__ */ t.createElement(A, { ...R })
     );
   });
   return /* @__PURE__ */ t.createElement(
@@ -99,14 +99,14 @@ const _ = M(), G = t.forwardRef((r, I) => {
     {
       id: N,
       role: "radiogroup",
-      className: w,
+      className: _,
       ref: o,
-      dir: K,
+      dir: w,
       style: q,
       "aria-labelledby": B,
       "aria-describedby": F
     },
-    U
+    K
   );
 }), $ = {
   item: (r) => /* @__PURE__ */ t.createElement("li", { ...r })
@@ -130,5 +130,5 @@ G.propTypes = {
 G.displayName = "KendoRadioGroup";
 export {
   G as RadioGroup,
-  _ as RadioGroupPropsContext
+  Z as RadioGroupPropsContext
 };

package/range-slider/RangeSlider.mjs

@@ -59,18 +59,18 @@ const se = (n, s, p) => {
       state: e.value
     },
     W
-  ), d = a.useMemo(() => e.value || x, [e.value, x]), q = a.useRef(null), R = a.useRef(null), h = a.useMemo(() => (d.start - g) / (k - g) * 100, [d.start, g, k]), D = a.useMemo(() => (d.end - g) / (k - g) * 100, [d.end, g, k]), B = a.useMemo(
+  ), d = a.useMemo(() => e.value || x, [e.value, x]), _ = a.useRef(null), R = a.useRef(null), h = a.useMemo(() => (d.start - g) / (k - g) * 100, [d.start, g, k]), D = a.useMemo(() => (d.end - g) / (k - g) * 100, [d.end, g, k]), q = a.useMemo(
     () => e.vertical ? { paddingTop: 0, height: "100%" } : {},
     [e.vertical]
-  ), G = a.useMemo(
+  ), B = a.useMemo(
     () => e.vertical ? { marginTop: "0.5rem", marginBottom: "0.5rem" } : { marginLeft: "0.5rem", marginRight: "0.5rem" },
     [e.vertical]
   ), M = ne(), C = a.useCallback(
     (t) => {
       if (!R.current)
         return;
-      const u = R.current.getBoundingClientRect(), v = e.vertical ? u.bottom - t.clientY : o === "rtl" ? u.right - t.clientX : t.clientX - u.left, I = e.vertical ? u.height : u.width, _ = v / I;
-      return g + _ * (k - g);
+      const u = R.current.getBoundingClientRect(), v = e.vertical ? u.bottom - t.clientY : o === "rtl" ? u.right - t.clientX : t.clientX - u.left, I = e.vertical ? u.height : u.width, Y = v / I;
+      return g + Y * (k - g);
     },
     [
       R,
@@ -83,10 +83,10 @@ const se = (n, s, p) => {
       e.value && e.value.start,
       e.value && e.value.end
     ]
-  ), U = a.useCallback(
+  ), G = a.useCallback(
     (t) => t <= d.start ? "start" : t >= d.end ? "end" : 2 * t < d.end + d.start ? "start" : "end",
     [x.start, x.end, e.value && e.value.start, e.value && e.value.end]
-  ), X = a.useCallback(
+  ), U = a.useCallback(
     (t) => {
       switch (t.keyCode) {
         case m.right:
@@ -132,7 +132,7 @@ const se = (n, s, p) => {
       }
     },
     [l]
-  ), F = a.useCallback(
+  ), X = a.useCallback(
     (t) => {
       switch (t.keyCode) {
         case m.right:
@@ -178,9 +178,9 @@ const se = (n, s, p) => {
       }
     },
     [l, o]
-  ), Y = a.useCallback(
+  ), F = a.useCallback(
     (t) => {
-      const u = C(t), v = U(u);
+      const u = C(t), v = G(u);
       L(v), v === "end" ? T.current.focus() : w.current.focus();
       const I = v === "end" ? r.end : r.start;
       l({ type: I, payload: u, event: t });
@@ -190,7 +190,7 @@ const se = (n, s, p) => {
   return te(
     R,
     {
-      onPress: Y,
+      onPress: F,
       onDrag: (t) => {
         const u = C(t), v = E === "end" ? r.end : r.start;
         l({ type: v, payload: u, event: t });
@@ -228,10 +228,10 @@ const se = (n, s, p) => {
           flexGrow: 1,
           position: "relative",
           touchAction: "none",
-          ...G
+          ...B
         }
       },
-      e.children && /* @__PURE__ */ a.createElement("ul", { className: "k-reset k-slider-items", style: { ...B } }, a.Children.map(e.children, (t, u) => t && a.cloneElement(
+      e.children && /* @__PURE__ */ a.createElement("ul", { className: "k-reset k-slider-items", style: { ...q } }, a.Children.map(e.children, (t, u) => t && a.cloneElement(
         t,
         {
           position: 100 * (t.props.position - e.min) / (e.max - e.min),
@@ -244,7 +244,7 @@ const se = (n, s, p) => {
       /* @__PURE__ */ a.createElement(
         "div",
         {
-          ref: q,
+          ref: _,
           className: "k-slider-track",
           style: e.vertical ? { bottom: 0, height: "100%" } : { [o === "rtl" ? "right" : "left"]: 0, width: "100%" }
         },
@@ -275,7 +275,7 @@ const se = (n, s, p) => {
             className: "k-draghandle k-draghandle-start",
             title: M.toLanguageString($, z[$]),
             style: e.vertical ? { bottom: "calc(" + h + "%)", zIndex: 1 } : o === "rtl" ? { right: "calc(" + h + "% - 13px)", zIndex: 1 } : { left: "calc(" + h + "%)", zIndex: 1 },
-            onKeyDown: X
+            onKeyDown: U
           }
         ),
         /* @__PURE__ */ a.createElement(
@@ -292,7 +292,7 @@ const se = (n, s, p) => {
             className: "k-draghandle k-draghandle-end",
             title: M.toLanguageString($, z[$]),
             style: e.vertical ? { bottom: "calc(" + D + "%)", zIndex: 1 } : o === "rtl" ? { right: "calc(" + D + "% - 13px)", zIndex: 1 } : { left: "calc(" + D + "%)", zIndex: 1 },
-            onKeyDown: F
+            onKeyDown: X
           }
         )
       )

package/rating/Rating.mjs

@@ -12,15 +12,15 @@ import { starOutlineIcon as $, starIcon as K } from "@progress/kendo-svg-icons";
 import { RatingItem as oe } from "./RatingItem.mjs";
 import { RATING_ACTION as r, ratingReducer as ie } from "./rating-reducer.mjs";
 import { calcIsFirstHalf as L, toRound as D, getRemainder as re, isHalf as ce, isSelected as F, isCorrectValue as A } from "./utils/index.mjs";
-import { ratingAriaLabel as X, messages as ue } from "../messages/index.mjs";
+import { ratingAriaLabel as _, messages as ue } from "../messages/index.mjs";
 import { useLocalization as me } from "@progress/kendo-react-intl";
-const q = (n, g, v) => {
+const X = (n, g, v) => {
   const [e, N] = a.useState(n);
   return [e, (h) => {
     const o = ie(g.state || e, { ...h, ...g });
     v && v(o, h.event), N(o);
   }];
-}, de = te(), G = a.forwardRef((n, g) => {
+}, de = te(), q = a.forwardRef((n, g) => {
   const v = ae(de, n), e = {
     dir: s.dir,
     min: s.min,
@@ -38,7 +38,7 @@ const q = (n, g, v) => {
     element: h.current,
     props: e
   })), a.useImperativeHandle(g, () => m.current);
-  const W = a.useCallback(
+  const G = a.useCallback(
     (t, l) => {
       e.onChange && m.current && e.onChange.call(void 0, {
         value: t,
@@ -47,7 +47,7 @@ const q = (n, g, v) => {
       });
     },
     [e.onChange]
-  ), I = a.useMemo(() => e.min !== void 0 ? e.min : s.min, [e.min]), x = a.useMemo(() => e.max !== void 0 ? e.max : s.max, [e.max]), d = a.useMemo(() => e.precision || s.precision, [e.precision]), i = a.useMemo(() => e.step !== void 0 ? e.step : s.step, [e.step]), V = a.useMemo(() => e.readonly || s.readonly, [e.readonly]), k = a.useMemo(() => e.disabled || s.disabled, [e.disabled]), _ = a.useMemo(() => e.item || s.item, [e.item]), [H, p] = q(
+  ), I = a.useMemo(() => e.min !== void 0 ? e.min : s.min, [e.min]), x = a.useMemo(() => e.max !== void 0 ? e.max : s.max, [e.max]), d = a.useMemo(() => e.precision || s.precision, [e.precision]), i = a.useMemo(() => e.step !== void 0 ? e.step : s.step, [e.step]), V = a.useMemo(() => e.readonly || s.readonly, [e.readonly]), k = a.useMemo(() => e.disabled || s.disabled, [e.disabled]), W = a.useMemo(() => e.item || s.item, [e.item]), [H, p] = X(
     e.defaultValue !== void 0 ? e.defaultValue : s.defaultValue,
     {
       state: e.value,
@@ -55,8 +55,8 @@ const q = (n, g, v) => {
       max: x,
       step: d === "half" ? i / 2 : i
     },
-    W
-  ), [T, O] = q(null, {
+    G
+  ), [T, O] = X(null, {
     state: e.value,
     min: I,
     max: x,
@@ -177,7 +177,7 @@ const q = (n, g, v) => {
     const l = D(t + ee, E), f = d === "half" ? ce(l, C !== null ? C : u !== null ? u : 0, i) : !1, M = F(l, u, i, z), w = F(l, C !== null ? C : u, i, z), b = F(l, C, i, z);
     P.push(
       /* @__PURE__ */ a.createElement(
-        _,
+        W,
         {
           key: l,
           value: l,
@@ -261,7 +261,7 @@ const q = (n, g, v) => {
       "aria-valuemax": x,
       "aria-valuenow": u !== null ? u : void 0,
       "aria-disabled": k ? "true" : void 0,
-      "aria-label": N.toLanguageString(X, ue[X]),
+      "aria-label": N.toLanguageString(_, ue[_]),
       "aria-labelledby": e.ariaLabelledBy,
       "aria-describedby": e.ariaDescribedBy
     },
@@ -307,9 +307,9 @@ const q = (n, g, v) => {
   selection: "continues",
   precision: "item"
 };
-G.displayName = "KendoReactRating";
-G.propTypes = pe;
+q.displayName = "KendoReactRating";
+q.propTypes = pe;
 export {
-  G as Rating,
+  q as Rating,
   de as RatingPropsContext
 };

package/rating/RatingItem.mjs

@@ -40,7 +40,7 @@ const s = n.forwardRef((c, u) => {
       });
     },
     [e.onFocus]
-  ), h = n.useCallback(
+  ), f = n.useCallback(
     (t) => {
       e.onBlur && e.onBlur.call(void 0, {
         target: o.current,
@@ -48,7 +48,7 @@ const s = n.forwardRef((c, u) => {
       });
     },
     [e.onBlur]
-  ), f = n.useCallback(
+  ), h = n.useCallback(
     (t) => {
       e.onMouseMove && e.onMouseMove.call(void 0, {
         target: o.current,
@@ -95,10 +95,10 @@ const s = n.forwardRef((c, u) => {
       onClick: i,
       onKeyDown: d,
       onFocus: v,
-      onBlur: h,
+      onBlur: f,
       onMouseEnter: M,
       onMouseLeave: m,
-      onMouseMove: f
+      onMouseMove: h
     },
     e.children
   );

package/signature/Signature.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 ze=require("@progress/kendo-inputs-common"),_=require("@progress/kendo-react-buttons"),a=require("@progress/kendo-react-common"),Oe=require("@progress/kendo-react-dialogs"),Ee=require("@progress/kendo-react-intl"),r=require("prop-types"),xe=require("react"),p=require("../messages/index.js"),ne=require("../package-metadata.js"),Me=require("./utils/index.js"),N=require("@progress/kendo-svg-icons");function we(c){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const g in c)if(g!=="default"){const v=Object.getOwnPropertyDescriptor(c,g);Object.defineProperty(k,g,v.get?v:{enumerable:!0,get:()=>c[g]})}}return k.default=c,Object.freeze(k)}const n=we(xe),Ie=250,Le=84,ae=3,re=2,Pe="#000000",qe="#ffffff",oe=c=>c!==void 0,se=a.createPropsContext(),E=n.forwardRef((c,k)=>{const g=!a.validatePackage(ne.packageMetadata,{component:"Signature"}),v=a.getLicenseMessage(ne.packageMetadata),F=a.usePropsContext(se,c),e=n.useMemo(()=>({strokeWidth:l.strokeWidth,smooth:l.smooth,popupScale:l.popupScale,exportScale:l.exportScale,maximizable:l.maximizable,disabled:l.disabled,required:l.required,validityStyles:l.validityStyles,onChange:l.onChange,onFocus:l.onFocus,onBlur:l.onBlur,onOpen:l.onOpen,onClose:l.onClose,size:l.size,rounded:l.rounded,fillMode:l.fillMode,...F}),[F]),x=Ee.useLocalization(),d=n.useRef(null),y=n.useRef(null),j=n.useRef(null),W=n.useRef(null),M=n.useRef(null),[s,ie]=n.useState(),[h,G]=n.useState(!1),[w,A]=n.useState(!1),[C,V]=n.useState(),[le,ce]=n.useState(),U=oe(e.value)?e.value:C,[ue,de]=n.useState(!1),b=oe(e.open),f=b?e.open:ue,me=e.maximized||w||!e.maximizable||e.disabled,pe=!(e.maximized&&!w),ge=!(!(e.value||C)||w||e.readOnly||e.disabled),H=x.toLanguageString(p.signatureMaximize,p.messages[p.signatureMaximize]),$=x.toLanguageString(p.signatureMinimize,p.messages[p.signatureMinimize]),K=x.toLanguageString(p.signatureClear,p.messages[p.signatureClear]),I=e.popupScale||ae,L=e.exportScale||re,P=t=>{V(t),e.onChange&&e.onChange({value:t})},fe=t=>{s==null||s.loadImage(t.value),P(t.value)};n.useEffect(()=>{e.value!==C&&(V(e.value),s==null||s.loadImage(e.value))},[e.value]);const ke=()=>{s==null||s.clear(),P()},S=n.useCallback(t=>{b||de(t)},[b]),be=t=>{var o,i;Z(t),(i=((o=M.current)==null?void 0:o.element)||y.current)==null||i.focus()},q=n.useCallback(()=>{let t=Pe;return!e.color&&typeof document!="undefined"&&d.current&&(t=getComputedStyle(d.current).color),e.color||t},[e.color]),D=n.useCallback(()=>{let t=qe;return!e.backgroundColor&&typeof document!="undefined"&&d.current&&(t=getComputedStyle(d.current).backgroundColor),e.backgroundColor||t},[e.backgroundColor]),X=()=>({scale:e.maximized?e.popupScale:1,color:q(),backgroundColor:D(),strokeWidth:e.strokeWidth,smooth:e.smooth,readonly:e.readOnly}),J=async t=>{const{width:o,height:i}=t;return await(s==null?void 0:s.exportImage({width:o*L,height:i*L}))};n.useEffect(()=>{const t=y.current,o=new ze.SignaturePad(t,X());return U&&o.loadImage(U),ie(o),()=>o.destroy()},[]),n.useEffect(()=>{s==null||s.setOptions({onChange:async()=>P(await J(ee())),onDraw:()=>A(!0),onDrawEnd:()=>A(!1)})},[s]),a.useIsomorphicLayoutEffect(()=>s==null?void 0:s.setOptions(X()),[e.readOnly,e.color,e.backgroundColor,e.strokeWidth,e.smooth]),n.useEffect(()=>{var i,u;const t=(u=(i=j.current)==null?void 0:i.element)==null?void 0:u.querySelector(".k-overlay");if(!t)return;const o=()=>S(!1);return t.addEventListener("click",o),()=>t.removeEventListener("click",o)},[f]),n.useEffect(()=>{if(!f||typeof document=="undefined")return;const t=o=>{var i,u;o.key==="Escape"&&(S(!1),(u=(i=M.current)==null?void 0:i.element)==null||u.focus())};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[f]),n.useEffect(()=>{var t,o;e.maximized&&((o=(t=W.current)==null?void 0:t.element)==null||o.focus())},[]);const R=n.useCallback(()=>{var t;return(t=y.current)==null?void 0:t.focus()},[]),z=n.useCallback(()=>e.value,[e.value]),Q=n.useCallback(()=>e.name,[e.name]),O=n.useCallback(()=>e.required,[e.required]),T=n.useCallback(()=>{const t=e.validationMessage!==void 0,i=!z(),u=e.valid!==void 0?e.valid:!O()||!i;return{customError:t,valid:u,valueMissing:i}},[e.validationMessage,e.valid,z,O]),B=n.useCallback(()=>e.validityStyles,[e.validityStyles]),Y=n.useCallback(()=>e,[e]),m=n.useCallback(()=>{const t={element:d.current,focus:R};return Object.defineProperty(t,"name",{get:Q}),Object.defineProperty(t,"value",{get:z}),Object.defineProperty(t,"validity",{get:T}),Object.defineProperty(t,"validityStyles",{get:B}),Object.defineProperty(t,"required",{get:O}),Object.defineProperty(t,"props",{get:Y}),Object.defineProperty(t,"color",{get:q}),Object.defineProperty(t,"backgroundColor",{get:D}),t},[Q,z,T,B,O,R,Y,q,D]);n.useImperativeHandle(k,m);const ve=n.useCallback(t=>{h||e.maximized||(G(!0),a.dispatchEvent(e.onFocus,t,m(),{}))},[h,e.onFocus,m]),ye=n.useCallback(t=>{Me.hasParent(t.relatedTarget,d.current)||(G(!1),a.dispatchEvent(e.onBlur,t,m(),{}))},[h,e.onBlur,m]),he=n.useCallback(async t=>{ce(await J(te())),S(!0),a.dispatchEvent(e.onOpen,t,m(),{})},[f,b,e.onOpen,e.value,C,m]),Z=n.useCallback(t=>{S(!1),a.dispatchEvent(e.onClose,t,m(),{})},[f,b,e.onClose,m]),Ce=()=>{ke(),R()},ee=()=>{var i,u;const t=e.width||((i=d.current)==null?void 0:i.offsetWidth)||Ie,o=e.height||((u=d.current)==null?void 0:u.offsetHeight)||Le;return{width:t,height:o}},te=()=>{const{width:t,height:o}=ee();return{width:t*I,height:o*I}},Se=!B()||T().valid;return n.createElement("div",{ref:d,dir:e.dir,style:{width:e.width,height:e.height,...e.style},className:a.classNames("k-input","k-signature",{"k-signature-maximized":e.maximized,[`k-signature-${a.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-signature-${e.fillMode}`]:e.fillMode,[`k-input-${e.fillMode}`]:e.fillMode,[`k-rounded-${a.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,"k-invalid":!Se,"k-required":e.required,"k-disabled":e.disabled,"k-focus":h},e.className),onFocus:ve,onBlur:ye},n.createElement("div",{className:"k-signature-canvas",ref:y,tabIndex:a.getTabIndex(e.tabIndex,e.disabled),role:"img",id:e.id,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-disabled":e.disabled?"true":void 0,style:e.inputStyle}),n.createElement("div",{className:"k-signature-actions k-signature-actions-top"},n.createElement(_.Button,{type:"button",className:a.classNames("k-signature-action","k-signature-maximize",{"k-hidden":e.disabled||me}),ref:M,icon:"hyperlink-open",svgIcon:N.hyperlinkOpenIcon,size:e.size,rounded:e.rounded,fillMode:"flat",onClick:he,"aria-label":H,title:H}),n.createElement(_.Button,{type:"button",className:a.classNames("k-signature-action","k-signature-minimize","k-rotate-180",{"k-hidden":e.disabled||pe}),ref:W,icon:"hyperlink-open",svgIcon:N.hyperlinkOpenIcon,size:e.size,rounded:e.rounded,fillMode:"flat",onClick:Z,"aria-label":$,title:$})),!e.hideLine&&n.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),n.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},ge&&n.createElement(_.Button,{type:"button",className:"k-signature-action k-signature-clear",icon:"x",svgIcon:N.xIcon,size:e.size,rounded:e.rounded,fillMode:"flat",onClick:Ce,"aria-label":K,title:K})),f&&n.createElement(Oe.Dialog,{ref:j},n.createElement(E,{...e,...te(),value:le,maximized:!0,exportScale:1/I*L,open:!1,onChange:fe,onClose:be})),g&&n.createElement(a.WatermarkOverlay,{message:v}))});E.propTypes={value:r.string,width:r.number,height:r.number,tabIndex:r.number,dir:r.string,ariaDescribedBy:r.string,ariaLabelledBy:r.string,ariaLabel:r.string,readOnly:r.bool,disabled:r.bool,validationMessage:r.string,required:r.bool,onChange:r.func,onFocus:r.func,onBlur:r.func,onOpen:r.func,onClose:r.func,size:r.oneOf(["small","medium","large"]),rounded:r.oneOf(["small","medium","large"]),fillMode:r.oneOf(["solid","flat","outline"])};const l={strokeWidth:1,smooth:!1,popupScale:ae,exportScale:re,maximizable:!0,disabled:!1,required:!1,validityStyles:!0,onChange:c=>a.noop,onFocus:c=>a.noop,onBlur:c=>a.noop,onOpen:c=>a.noop,onClose:c=>a.noop,size:void 0,rounded:void 0,fillMode:void 0};E.displayName="KendoSignature";exports.Signature=E;exports.SignaturePropsContext=se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ze=require("@progress/kendo-inputs-common"),_=require("@progress/kendo-react-buttons"),a=require("@progress/kendo-react-common"),Oe=require("@progress/kendo-react-dialogs"),Ee=require("@progress/kendo-react-intl"),r=require("prop-types"),xe=require("react"),p=require("../messages/index.js"),ne=require("../package-metadata.js"),Me=require("./utils/index.js"),N=require("@progress/kendo-svg-icons");function we(c){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const g in c)if(g!=="default"){const v=Object.getOwnPropertyDescriptor(c,g);Object.defineProperty(k,g,v.get?v:{enumerable:!0,get:()=>c[g]})}}return k.default=c,Object.freeze(k)}const n=we(xe),Ie=250,Le=84,ae=3,re=2,Pe="#000000",qe="#ffffff",oe=c=>c!==void 0,se=a.createPropsContext(),E=n.forwardRef((c,k)=>{const g=!a.validatePackage(ne.packageMetadata,{component:"Signature"}),v=a.getLicenseMessage(ne.packageMetadata),F=a.usePropsContext(se,c),e=n.useMemo(()=>({strokeWidth:l.strokeWidth,smooth:l.smooth,popupScale:l.popupScale,exportScale:l.exportScale,maximizable:l.maximizable,disabled:l.disabled,required:l.required,validityStyles:l.validityStyles,onChange:l.onChange,onFocus:l.onFocus,onBlur:l.onBlur,onOpen:l.onOpen,onClose:l.onClose,size:l.size,rounded:l.rounded,fillMode:l.fillMode,...F}),[F]),x=Ee.useLocalization(),d=n.useRef(null),y=n.useRef(null),j=n.useRef(null),W=n.useRef(null),M=n.useRef(null),[s,ie]=n.useState(),[h,G]=n.useState(!1),[w,A]=n.useState(!1),[C,V]=n.useState(),[le,ce]=n.useState(),U=oe(e.value)?e.value:C,[ue,de]=n.useState(!1),b=oe(e.open),f=b?e.open:ue,me=e.maximized||w||!e.maximizable||e.disabled,pe=!(e.maximized&&!w),ge=!(!(e.value||C)||w||e.readOnly||e.disabled),H=x.toLanguageString(p.signatureMaximize,p.messages[p.signatureMaximize]),$=x.toLanguageString(p.signatureMinimize,p.messages[p.signatureMinimize]),K=x.toLanguageString(p.signatureClear,p.messages[p.signatureClear]),I=e.popupScale||ae,L=e.exportScale||re,P=t=>{V(t),e.onChange&&e.onChange({value:t})},fe=t=>{s==null||s.loadImage(t.value),P(t.value)};n.useEffect(()=>{e.value!==C&&(V(e.value),s==null||s.loadImage(e.value))},[e.value]);const ke=()=>{s==null||s.clear(),P()},S=n.useCallback(t=>{b||de(t)},[b]),be=t=>{var o,i;Z(t),(i=((o=M.current)==null?void 0:o.element)||y.current)==null||i.focus()},q=n.useCallback(()=>{let t=Pe;return!e.color&&typeof document!="undefined"&&d.current&&(t=getComputedStyle(d.current).color),e.color||t},[e.color]),D=n.useCallback(()=>{let t=qe;return!e.backgroundColor&&typeof document!="undefined"&&d.current&&(t=getComputedStyle(d.current).backgroundColor),e.backgroundColor||t},[e.backgroundColor]),X=()=>({scale:e.maximized?e.popupScale:1,color:q(),backgroundColor:D(),strokeWidth:e.strokeWidth,smooth:e.smooth,readonly:e.readOnly}),J=async t=>{const{width:o,height:i}=t;return await(s==null?void 0:s.exportImage({width:o*L,height:i*L}))};n.useEffect(()=>{const t=y.current,o=new ze.SignaturePad(t,X());return U&&o.loadImage(U),ie(o),()=>o.destroy()},[]),n.useEffect(()=>{s==null||s.setOptions({onChange:async()=>P(await J(ee())),onDraw:()=>A(!0),onDrawEnd:()=>A(!1)})},[s]),a.useIsomorphicLayoutEffect(()=>s==null?void 0:s.setOptions(X()),[e.readOnly,e.color,e.backgroundColor,e.strokeWidth,e.smooth]),n.useEffect(()=>{var i,u;const t=(u=(i=j.current)==null?void 0:i.element)==null?void 0:u.querySelector(".k-overlay");if(!t)return;const o=()=>S(!1);return t.addEventListener("click",o),()=>t.removeEventListener("click",o)},[f]),n.useEffect(()=>{if(!f||typeof document=="undefined")return;const t=o=>{var i,u;o.key==="Escape"&&(S(!1),(u=(i=M.current)==null?void 0:i.element)==null||u.focus())};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[f]),n.useEffect(()=>{var t,o;e.maximized&&((o=(t=W.current)==null?void 0:t.element)==null||o.focus())},[]);const R=n.useCallback(()=>{var t;return(t=y.current)==null?void 0:t.focus()},[]),z=n.useCallback(()=>e.value,[e.value]),Q=n.useCallback(()=>e.name,[e.name]),O=n.useCallback(()=>e.required,[e.required]),T=n.useCallback(()=>{const t=e.validationMessage!==void 0,i=!z(),u=e.valid!==void 0?e.valid:!O()||!i;return{customError:t,valid:u,valueMissing:i}},[e.validationMessage,e.valid,z,O]),B=n.useCallback(()=>e.validityStyles,[e.validityStyles]),Y=n.useCallback(()=>e,[e]),m=n.useCallback(()=>{const t={element:d.current,focus:R};return Object.defineProperty(t,"name",{get:Q}),Object.defineProperty(t,"value",{get:z}),Object.defineProperty(t,"validity",{get:T}),Object.defineProperty(t,"validityStyles",{get:B}),Object.defineProperty(t,"required",{get:O}),Object.defineProperty(t,"props",{get:Y}),Object.defineProperty(t,"color",{get:q}),Object.defineProperty(t,"backgroundColor",{get:D}),t},[Q,z,T,B,O,R,Y,q,D]);n.useImperativeHandle(k,m);const ve=n.useCallback(t=>{h||e.maximized||(G(!0),a.dispatchEvent(e.onFocus,t,m(),{}))},[h,e.onFocus,m]),ye=n.useCallback(t=>{Me.hasParent(t.relatedTarget,d.current)||(G(!1),a.dispatchEvent(e.onBlur,t,m(),{}))},[h,e.onBlur,m]),he=n.useCallback(async t=>{ce(await J(te())),S(!0),a.dispatchEvent(e.onOpen,t,m(),{})},[f,b,e.onOpen,e.value,C,m]),Z=n.useCallback(t=>{S(!1),a.dispatchEvent(e.onClose,t,m(),{})},[f,b,e.onClose,m]),Ce=()=>{ke(),R()},ee=()=>{var i,u;const t=e.width||((i=d.current)==null?void 0:i.offsetWidth)||Ie,o=e.height||((u=d.current)==null?void 0:u.offsetHeight)||Le;return{width:t,height:o}},te=()=>{const{width:t,height:o}=ee();return{width:t*I,height:o*I}},Se=!B()||T().valid;return n.createElement("div",{ref:d,dir:e.dir,style:{width:e.width,height:e.height,...e.style},className:a.classNames("k-input","k-signature",{"k-signature-maximized":e.maximized,[`k-signature-${a.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-signature-${e.fillMode}`]:e.fillMode,[`k-input-${e.fillMode}`]:e.fillMode,[`k-rounded-${a.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,"k-invalid":!Se,"k-required":e.required,"k-disabled":e.disabled,"k-focus":h},e.className),onFocus:ve,onBlur:ye},n.createElement("div",{className:"k-signature-canvas",ref:y,tabIndex:a.getTabIndex(e.tabIndex,e.disabled),role:"img",id:e.id,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-disabled":e.disabled?"true":void 0,style:e.inputStyle}),n.createElement("div",{className:"k-signature-actions k-signature-actions-top"},n.createElement(_.Button,{type:"button",className:a.classNames("k-signature-action","k-signature-maximize",{"k-hidden":e.disabled||me}),ref:M,icon:"hyperlink-open",svgIcon:N.hyperlinkOpenIcon,size:e.size,rounded:e.rounded,fillMode:"flat",onClick:he,"aria-label":H,title:H}),n.createElement(_.Button,{type:"button",className:a.classNames("k-signature-action","k-signature-minimize","k-rotate-180",{"k-hidden":e.disabled||pe}),ref:W,icon:"hyperlink-open",svgIcon:N.hyperlinkOpenIcon,size:e.size,rounded:e.rounded,fillMode:"flat",onClick:Z,"aria-label":$,title:$})),!e.hideLine&&n.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),n.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},ge&&n.createElement(_.Button,{type:"button",className:"k-signature-action k-signature-clear",icon:"x",svgIcon:N.xIcon,size:e.size,rounded:e.rounded,fillMode:"flat",onClick:Ce,"aria-label":K,title:K})),f&&n.createElement(Oe.Dialog,{ref:j},n.createElement(E,{...e,...te(),value:le,maximized:!0,exportScale:1/I*L,open:!1,onChange:fe,onClose:be})),g&&n.createElement(a.WatermarkOverlay,{message:v}))});E.propTypes={value:r.string,width:r.number,height:r.number,tabIndex:r.number,dir:r.string,ariaDescribedBy:r.string,ariaLabelledBy:r.string,ariaLabel:r.string,readOnly:r.bool,disabled:r.bool,validationMessage:r.string,required:r.bool,onChange:r.func,onFocus:r.func,onBlur:r.func,onOpen:r.func,onClose:r.func,size:r.oneOf(["small","medium","large"]),rounded:r.oneOf(["small","medium","large","none"]),fillMode:r.oneOf(["solid","flat","outline"])};const l={strokeWidth:1,smooth:!1,popupScale:ae,exportScale:re,maximizable:!0,disabled:!1,required:!1,validityStyles:!0,onChange:c=>a.noop,onFocus:c=>a.noop,onBlur:c=>a.noop,onOpen:c=>a.noop,onClose:c=>a.noop,size:void 0,rounded:void 0,fillMode:void 0};E.displayName="KendoSignature";exports.Signature=E;exports.SignaturePropsContext=se;

package/signature/Signature.mjs

@@ -8,16 +8,16 @@
 import { SignaturePad as Le } from "@progress/kendo-inputs-common";
 import { Button as T } from "@progress/kendo-react-buttons";
 import { createPropsContext as we, validatePackage as Ie, getLicenseMessage as Pe, usePropsContext as De, noop as f, useIsomorphicLayoutEffect as Te, dispatchEvent as h, classNames as B, kendoThemeMaps as ee, getTabIndex as Be, WatermarkOverlay as Re } from "@progress/kendo-react-common";
-import { Dialog as Fe } from "@progress/kendo-react-dialogs";
-import { useLocalization as _e } from "@progress/kendo-react-intl";
+import { Dialog as _e } from "@progress/kendo-react-dialogs";
+import { useLocalization as Fe } from "@progress/kendo-react-intl";
 import a from "prop-types";
 import * as o from "react";
 import { signatureMaximize as te, messages as R, signatureMinimize as oe, signatureClear as ne } from "../messages/index.mjs";
 import { packageMetadata as ae } from "../package-metadata.mjs";
 import { hasParent as Ne } from "./utils/index.mjs";
 import { hyperlinkOpenIcon as re, xIcon as We } from "@progress/kendo-svg-icons";
-const qe = 250, Ge = 84, se = 3, le = 2, Ae = "#000000", Ve = "#ffffff", ie = (d) => d !== void 0, je = we(), F = o.forwardRef((d, ce) => {
-  const ue = !Ie(ae, { component: "Signature" }), de = Pe(ae), _ = De(je, d), e = o.useMemo(
+const qe = 250, Ge = 84, se = 3, le = 2, Ae = "#000000", Ve = "#ffffff", ie = (d) => d !== void 0, je = we(), _ = o.forwardRef((d, ce) => {
+  const ue = !Ie(ae, { component: "Signature" }), de = Pe(ae), F = De(je, d), e = o.useMemo(
     () => ({
       strokeWidth: s.strokeWidth,
       smooth: s.smooth,
@@ -35,10 +35,10 @@ const qe = 250, Ge = 84, se = 3, le = 2, Ae = "#000000", Ve = "#ffffff", ie = (d
       size: s.size,
       rounded: s.rounded,
       fillMode: s.fillMode,
-      ..._
+      ...F
     }),
-    [_]
-  ), S = _e(), c = o.useRef(null), g = o.useRef(null), N = o.useRef(null), W = o.useRef(null), z = o.useRef(null), [r, me] = o.useState(), [b, q] = o.useState(!1), [E, G] = o.useState(!1), [k, A] = o.useState(), [pe, fe] = o.useState(), V = ie(e.value) ? e.value : k, [ge, be] = o.useState(!1), p = ie(e.open), m = p ? e.open : ge, ke = e.maximized || E || !e.maximizable || e.disabled, ve = !(e.maximized && !E), ye = !(!(e.value || k) || E || e.readOnly || e.disabled), j = S.toLanguageString(te, R[te]), U = S.toLanguageString(oe, R[oe]), H = S.toLanguageString(ne, R[ne]), O = e.popupScale || se, x = e.exportScale || le, M = (t) => {
+    [F]
+  ), S = Fe(), c = o.useRef(null), g = o.useRef(null), N = o.useRef(null), W = o.useRef(null), z = o.useRef(null), [r, me] = o.useState(), [b, q] = o.useState(!1), [E, G] = o.useState(!1), [k, A] = o.useState(), [pe, fe] = o.useState(), V = ie(e.value) ? e.value : k, [ge, be] = o.useState(!1), p = ie(e.open), m = p ? e.open : ge, ke = e.maximized || E || !e.maximizable || e.disabled, ve = !(e.maximized && !E), ye = !(!(e.value || k) || E || e.readOnly || e.disabled), j = S.toLanguageString(te, R[te]), U = S.toLanguageString(oe, R[oe]), H = S.toLanguageString(ne, R[ne]), O = e.popupScale || se, x = e.exportScale || le, M = (t) => {
     A(t), e.onChange && e.onChange({ value: t });
   }, Ce = (t) => {
     r == null || r.loadImage(t.value), M(t.value);
@@ -262,8 +262,8 @@ const qe = 250, Ge = 84, se = 3, le = 2, Ae = "#000000", Ve = "#ffffff", ie = (d
         title: H
       }
     )),
-    m && /* @__PURE__ */ o.createElement(Fe, { ref: N }, /* @__PURE__ */ o.createElement(
-      F,
+    m && /* @__PURE__ */ o.createElement(_e, { ref: N }, /* @__PURE__ */ o.createElement(
+      _,
       {
         ...e,
         ...Z(),
@@ -278,7 +278,7 @@ const qe = 250, Ge = 84, se = 3, le = 2, Ae = "#000000", Ve = "#ffffff", ie = (d
     ue && /* @__PURE__ */ o.createElement(Re, { message: de })
   );
 });
-F.propTypes = {
+_.propTypes = {
   value: a.string,
   width: a.number,
   height: a.number,
@@ -297,7 +297,7 @@ F.propTypes = {
   onOpen: a.func,
   onClose: a.func,
   size: a.oneOf(["small", "medium", "large"]),
-  rounded: a.oneOf(["small", "medium", "large"]),
+  rounded: a.oneOf(["small", "medium", "large", "none"]),
   fillMode: a.oneOf(["solid", "flat", "outline"])
 };
 const s = {
@@ -318,8 +318,8 @@ const s = {
   rounded: void 0,
   fillMode: void 0
 };
-F.displayName = "KendoSignature";
+_.displayName = "KendoSignature";
 export {
-  F as Signature,
+  _ as Signature,
   je as SignaturePropsContext
 };

package/signature/interfaces/SignatureProps.d.ts

@@ -153,7 +153,7 @@ export interface SignatureProps extends FormComponentProps {
      * <Signature rounded="medium" />
      * ```
      */
-    rounded?: 'small' | 'medium' | 'large';
+    rounded?: 'small' | 'medium' | 'large' | 'none';
     /**
      * Configures the fill mode of the Signature.
      *

package/slider/Slider.d.ts

@@ -5,14 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as PropTypes } from 'prop-types';
 import { FormComponentProps, BaseEvent } from '@progress/kendo-react-common';
 import { Direction } from '../interfaces/Direction.js';
 import * as React from 'react';
 /**
  * The arguments for the `onChange` Slider event.
  */
-export interface SliderChangeEvent extends BaseEvent<Slider> {
+export interface SliderChangeEvent extends BaseEvent<SliderHandle> {
     /**
      * The current value of the Slider.
      */
@@ -189,78 +188,8 @@ export interface SliderProps extends FormComponentProps {
      */
     dir?: Direction;
 }
-/**
- * @hidden
- */
-interface SliderState {
-    value: number;
-    focused: boolean;
-    dir?: Direction;
-}
 /** @hidden */
-export declare class SliderWithoutContext extends React.Component<SliderProps, SliderState> {
-    static displayName: string;
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        min: PropTypes.Validator<number>;
-        max: PropTypes.Validator<number>;
-        value: PropTypes.Requireable<number>;
-        vertical: PropTypes.Requireable<boolean>;
-        id: PropTypes.Requireable<string>;
-        ariaLabelledBy: PropTypes.Requireable<string>;
-        ariaDescribedBy: PropTypes.Requireable<string>;
-        ariaLabel: PropTypes.Requireable<string>;
-    };
-    /**
-     * @hidden
-     */
-    static getDerivedStateFromProps(props: SliderProps, state: SliderState): {
-        value: number;
-    } | null;
-    /**
-     * @hidden
-     */
-    state: {
-        value: number;
-        focused: boolean;
-        dir: Direction | undefined;
-    };
-    private _sliderTrack;
-    private _element;
-    constructor(props: SliderProps);
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
-    buttons: (props: any) => any;
-    /**
-     * @hidden
-     */
-    render(): React.JSX.Element;
-    /**
-     * @hidden
-     */
-    focus: () => void;
-    /**
-     * @hidden
-     */
-    get sliderTrack(): HTMLDivElement | null;
-    private isLabel;
-    private onFocus;
-    private onBlur;
-    private onKeyDown;
-    private decrement;
-    private increment;
-    private dragStart;
-    private dragOver;
-    private drag;
-    private change;
-}
+export declare const SliderWithoutContext: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<SliderHandle>>;
 /**
  * Represents the PropsContext of the `Slider` component.
  * Used for global configuration of all `Slider` instances.
@@ -274,15 +203,20 @@ export declare const SliderPropsContext: React.Context<(p: SliderProps) => Slide
  * @remarks
  * Supported children components are: {@link SliderLabel}.
  */
-export interface SliderHandle extends Pick<SliderWithoutContext, keyof SliderWithoutContext> {
+export interface SliderHandle {
+    /**
+     * The props of the SliderHandle component.
+     */
+    props: SliderProps;
+    /**
+     * Gets the slider track element.
+     */
+    sliderTrack: HTMLDivElement | null;
 }
-/** @hidden */
-export type Slider = SliderHandle;
 /**
  * Represents the [KendoReact Slider component](https://www.telerik.com/kendo-react-ui/components/inputs/slider).
  *
  * Accepts properties of type [SliderProps](https://www.telerik.com/kendo-react-ui/components/inputs/api/sliderprops).
  * Obtaining the `ref` returns an object of type [SliderHandle](https://www.telerik.com/kendo-react-ui/components/inputs/api/sliderhandle).
  */
-export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<any>>;
-export {};
+export declare const Slider: React.ForwardRefExoticComponent<Omit<SliderProps & React.RefAttributes<SliderHandle>, "ref"> & React.RefAttributes<any>>;