@progress/kendo-react-inputs 9.0.0-develop.2 → 9.0.0-develop.21

package/numerictextbox/utils/index.mjs

@@ -87,12 +87,7 @@ const M = 11111111111111e-7, ae = 0.31111111111111117, de = 1, Y = 1, w = 0, m =
     m.test(n.charAt(l)) && s--, l++;
   return l;
 }, Oe = (t, n, r) => {
-  const e = { ...t }, { prevLooseValue: u } = e, o = r.numberSymbols(), a = he(n, r), s = String(e.currentLooseValue), l = String(u), i = new RegExp(`[^\\d\\${o.decimal}]`, "g"), N = new RegExp(`[^\\d\\${o.decimal}\\${o.group}]`, "g"), C = new RegExp(`[\\d\\${o.decimal}\\${o.group}]`), x = s.replace(i, ""), b = $(s, m), E = b === -1 ? -1 : O(s, m), oe = s.indexOf(o.decimal), G = (s.substring(0, b) + s.substring(b, E).replace(N, "") + s.substring(E, s.length)).split("").filter((V) => a.indexOf(V) !== -1 || V.search(C) !== -1).join(""), S = r.formatNumber(ae, n).replace(i, ""), U = S.indexOf(o.decimal), I = U > -1 ? S.length - U - 1 : 0, j = r.formatNumber(de, n).replace(i, ""), X = j.indexOf(o.decimal), R = X > -1 ? j.length - X - 1 : 0, {
-    positiveInfo: se,
-    negativeInfo: ue,
-    zeroInfo: ce,
-    oneInfo: le
-  } = be(n, r), g = [se, ue, ce, le], ie = g.findIndex((V) => V.findIndex((h) => !!h) !== -1) !== 1, v = s.length > 0 && s.length < l.length, Z = typeof n == "string" && n[0] === "p" && s && s.indexOf(o.percentSign) === -1;
+  const e = { ...t }, { prevLooseValue: u } = e, o = r.numberSymbols(), a = he(n, r), s = String(e.currentLooseValue), l = String(u), i = new RegExp(`[^\\d\\${o.decimal}]`, "g"), N = new RegExp(`[^\\d\\${o.decimal}\\${o.group}]`, "g"), C = new RegExp(`[\\d\\${o.decimal}\\${o.group}]`), x = s.replace(i, ""), b = $(s, m), E = b === -1 ? -1 : O(s, m), oe = s.indexOf(o.decimal), G = (s.substring(0, b) + s.substring(b, E).replace(N, "") + s.substring(E, s.length)).split("").filter((V) => a.indexOf(V) !== -1 || V.search(C) !== -1).join(""), S = r.formatNumber(ae, n).replace(i, ""), U = S.indexOf(o.decimal), I = U > -1 ? S.length - U - 1 : 0, j = r.formatNumber(de, n).replace(i, ""), X = j.indexOf(o.decimal), R = X > -1 ? j.length - X - 1 : 0, { positiveInfo: se, negativeInfo: ue, zeroInfo: ce, oneInfo: le } = be(n, r), g = [se, ue, ce, le], ie = g.findIndex((V) => V.findIndex((h) => !!h) !== -1) !== 1, v = s.length > 0 && s.length < l.length, Z = typeof n == "string" && n[0] === "p" && s && s.indexOf(o.percentSign) === -1;
   if (!e.isPaste) {
     if (s === "")
       return e.eventValue = null, e.currentLooseValue = "", e;
@@ -130,12 +125,7 @@ const M = 11111111111111e-7, ae = 0.31111111111111117, de = 1, Y = 1, w = 0, m =
       ), e;
     }
     if (xe(e, o))
-      return e.eventValue = r.parseNumber(e.currentLooseValue, n), L(
-        e,
-        e.selectionStart,
-        e.currentLooseValue,
-        g
-      ), e;
+      return e.eventValue = r.parseNumber(e.currentLooseValue, n), L(e, e.selectionStart, e.currentLooseValue, g), e;
     if (Le(e, o))
       return A(e, n, g, r), e;
     if (Z)
@@ -159,7 +149,13 @@ const M = 11111111111111e-7, ae = 0.31111111111111117, de = 1, Y = 1, w = 0, m =
         const c = p(e.eventValue, n, r);
         return L(
           e,
-          Q(s, c, e.selectionEnd, v, i),
+          Q(
+            s,
+            c,
+            e.selectionEnd,
+            v,
+            i
+          ),
           c,
           g
         ), e.currentLooseValue = c, e;
@@ -178,7 +174,13 @@ const M = 11111111111111e-7, ae = 0.31111111111111117, de = 1, Y = 1, w = 0, m =
     const V = p(e.eventValue, n, r);
     s.length === 1 ? L(e, B(V, o), V, g) : L(
       e,
-      Q(s, V, e.selectionEnd, v, i),
+      Q(
+        s,
+        V,
+        e.selectionEnd,
+        v,
+        i
+      ),
       V,
       g
     ), e.currentLooseValue = V;

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-inputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1729236266,
+  publishDate: 1731068587,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-inputs",
-  "version": "9.0.0-develop.2",
+  "version": "9.0.0-develop.21",
   "description": "React Inputs offer a customizable interface for users to enter and pick different information. KendoReact Input package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -22,16 +22,16 @@
   },
   "sideEffects": false,
   "peerDependencies": {
-    "@progress/kendo-drawing": "^1.20.4",
+    "@progress/kendo-drawing": "^1.21.1",
     "@progress/kendo-inputs-common": "^3.1.0",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "9.0.0-develop.2",
-    "@progress/kendo-react-buttons": "9.0.0-develop.2",
-    "@progress/kendo-react-common": "9.0.0-develop.2",
-    "@progress/kendo-react-dialogs": "9.0.0-develop.2",
-    "@progress/kendo-react-intl": "9.0.0-develop.2",
-    "@progress/kendo-react-labels": "9.0.0-develop.2",
-    "@progress/kendo-react-popup": "9.0.0-develop.2",
+    "@progress/kendo-react-animation": "9.0.0-develop.21",
+    "@progress/kendo-react-buttons": "9.0.0-develop.21",
+    "@progress/kendo-react-common": "9.0.0-develop.21",
+    "@progress/kendo-react-dialogs": "9.0.0-develop.21",
+    "@progress/kendo-react-intl": "9.0.0-develop.21",
+    "@progress/kendo-react-labels": "9.0.0-develop.21",
+    "@progress/kendo-react-popup": "9.0.0-develop.21",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/radiobutton/RadioButton.mjs

@@ -32,12 +32,9 @@ const W = S(), P = e.forwardRef((R, x) => {
     onBlur: i,
     required: H,
     ...j
-  } = E, y = G(), u = y && y.uRadioButton, l = e.useRef(null), C = e.useCallback(
-    () => {
-      l.current && l.current.focus();
-    },
-    []
-  ), s = e.useCallback(
+  } = E, y = G(), u = y && y.uRadioButton, l = e.useRef(null), C = e.useCallback(() => {
+    l.current && l.current.focus();
+  }, []), s = e.useCallback(
     () => ({
       element: l.current,
       focus: C
@@ -47,12 +44,9 @@ const W = S(), P = e.forwardRef((R, x) => {
   e.useImperativeHandle(x, s);
   const v = J(), K = e.useCallback(
     (n) => {
-      d(
-        h,
-        n,
-        s(),
-        { value: r }
-      );
+      d(h, n, s(), {
+        value: r
+      });
     },
     [h, r, t]
   ), L = e.useCallback(
@@ -67,12 +61,7 @@ const W = S(), P = e.forwardRef((R, x) => {
     [c, t]
   ), M = e.useCallback(
     (n) => {
-      i && !t && d(
-        i,
-        n,
-        s(),
-        void 0
-      );
+      i && !t && d(i, n, s(), void 0);
     },
     [i, t]
   ), O = {

package/radiobutton/RadioGroup.mjs

@@ -30,12 +30,9 @@ const ee = J(), G = t.forwardRef((r, I) => {
     item: D = ae.item,
     onChange: c,
     onFocus: d
-  } = m, f = X(), y = f && f.uRadioGroup, o = t.useRef(null), C = t.useCallback(
-    () => {
-      o.current && Y(o.current);
-    },
-    []
-  ), i = t.useCallback(
+  } = m, f = X(), y = f && f.uRadioGroup, o = t.useRef(null), C = t.useCallback(() => {
+    o.current && Y(o.current);
+  }, []), i = t.useCallback(
     () => ({
       element: o.current,
       focus: C

package/range-slider/RangeSlider.mjs

@@ -31,24 +31,15 @@ const ae = (n, s, p) => {
     vertical: y.vertical,
     disabled: y.disabled,
     ...p
-  }, c = a.useRef(null), u = a.useRef(null), g = a.useRef(null), b = a.useRef(null), I = a.useRef(null), P = a.useCallback(
-    () => {
-      b.current && b.current.focus();
-    },
-    [b]
-  );
+  }, c = a.useRef(null), u = a.useRef(null), g = a.useRef(null), b = a.useRef(null), I = a.useRef(null), P = a.useCallback(() => {
+    b.current && b.current.focus();
+  }, [b]);
   a.useImperativeHandle(c, () => ({
     element: u.current,
     focus: P,
     props: e
   })), a.useImperativeHandle(s, () => c.current);
-  const f = a.useMemo(
-    () => e.min,
-    [e.min]
-  ), k = a.useMemo(
-    () => e.max,
-    [e.max]
-  ), K = a.useMemo(
+  const f = a.useMemo(() => e.min, [e.min]), k = a.useMemo(() => e.max, [e.max]), K = a.useMemo(
     () => e.step !== void 0 ? e.step : y.step,
     [e.step, y.step]
   ), A = a.useMemo(
@@ -70,16 +61,7 @@ const ae = (n, s, p) => {
       state: e.value
     },
     H
-  ), i = a.useMemo(
-    () => e.value || x,
-    [e.value, x]
-  ), N = a.useRef(null), w = a.useRef(null), h = a.useMemo(
-    () => (i.start - f) / (k - f) * 100,
-    [i.start, f, k]
-  ), D = a.useMemo(
-    () => (i.end - f) / (k - f) * 100,
-    [i.end, f, k]
-  ), q = a.useMemo(
+  ), i = a.useMemo(() => e.value || x, [e.value, x]), N = a.useRef(null), w = a.useRef(null), h = a.useMemo(() => (i.start - f) / (k - f) * 100, [i.start, f, k]), D = a.useMemo(() => (i.end - f) / (k - f) * 100, [i.end, f, k]), q = a.useMemo(
     () => e.vertical ? { paddingTop: 0, height: "100%" } : {},
     [e.vertical]
   ), B = a.useMemo(
@@ -105,23 +87,26 @@ const ae = (n, s, p) => {
     ]
   ), G = a.useCallback(
     (t) => t <= i.start ? "start" : t >= i.end ? "end" : 2 * t < i.end + i.start ? "start" : "end",
-    [
-      x.start,
-      x.end,
-      e.value && e.value.start,
-      e.value && e.value.end
-    ]
+    [x.start, x.end, e.value && e.value.start, e.value && e.value.end]
   ), O = a.useCallback(
     (t) => {
       switch (t.keyCode) {
         case m.right:
-          t.preventDefault(), l({ type: d === "rtl" ? r.decrease : r.increase, key: "start", event: t });
+          t.preventDefault(), l({
+            type: d === "rtl" ? r.decrease : r.increase,
+            key: "start",
+            event: t
+          });
           break;
         case m.up:
           t.preventDefault(), l({ type: r.increase, key: "start", event: t });
           break;
         case m.left:
-          t.preventDefault(), l({ type: d === "rtl" ? r.increase : r.decrease, key: "start", event: t });
+          t.preventDefault(), l({
+            type: d === "rtl" ? r.increase : r.decrease,
+            key: "start",
+            event: t
+          });
           break;
         case m.down:
           t.preventDefault(), l({ type: r.decrease, key: "start", event: t });
@@ -133,10 +118,18 @@ const ae = (n, s, p) => {
           t.preventDefault(), l({ type: r.max, key: "start", event: t });
           break;
         case m.pageDown:
-          t.preventDefault(), l({ type: d === "rtl" ? r.increaseLarge : r.decreaseLarge, key: "start", event: t });
+          t.preventDefault(), l({
+            type: d === "rtl" ? r.increaseLarge : r.decreaseLarge,
+            key: "start",
+            event: t
+          });
           break;
         case m.pageUp:
-          t.preventDefault(), l({ type: d === "rtl" ? r.decreaseLarge : r.increaseLarge, key: "start", event: t });
+          t.preventDefault(), l({
+            type: d === "rtl" ? r.decreaseLarge : r.increaseLarge,
+            key: "start",
+            event: t
+          });
           break;
       }
     },
@@ -145,13 +138,21 @@ const ae = (n, s, p) => {
     (t) => {
       switch (t.keyCode) {
         case m.right:
-          t.preventDefault(), l({ type: d === "rtl" ? r.decrease : r.increase, key: "end", event: t });
+          t.preventDefault(), l({
+            type: d === "rtl" ? r.decrease : r.increase,
+            key: "end",
+            event: t
+          });
           break;
         case m.up:
           t.preventDefault(), l({ type: r.increase, key: "end", event: t });
           break;
         case m.left:
-          t.preventDefault(), l({ type: d === "rtl" ? r.increase : r.decrease, key: "end", event: t });
+          t.preventDefault(), l({
+            type: d === "rtl" ? r.increase : r.decrease,
+            key: "end",
+            event: t
+          });
           break;
         case m.down:
           t.preventDefault(), l({ type: r.decrease, key: "end", event: t });
@@ -163,10 +164,18 @@ const ae = (n, s, p) => {
           t.preventDefault(), l({ type: r.max, key: "end", event: t });
           break;
         case m.pageDown:
-          t.preventDefault(), l({ type: d === "rtl" ? r.increaseLarge : r.decreaseLarge, key: "end", event: t });
+          t.preventDefault(), l({
+            type: d === "rtl" ? r.increaseLarge : r.decreaseLarge,
+            key: "end",
+            event: t
+          });
           break;
         case m.pageUp:
-          t.preventDefault(), l({ type: d === "rtl" ? r.decreaseLarge : r.increaseLarge, key: "end", event: t });
+          t.preventDefault(), l({
+            type: d === "rtl" ? r.decreaseLarge : r.increaseLarge,
+            key: "end",
+            event: t
+          });
           break;
       }
     },
@@ -180,17 +189,21 @@ const ae = (n, s, p) => {
     },
     [e.vertical, f, k, l]
   );
-  return J(w, {
-    onPress: X,
-    onDrag: (t) => {
-      const o = $(t), v = T === "end" ? r.end : r.start;
-      l({ type: v, payload: o, event: t });
+  return J(
+    w,
+    {
+      onPress: X,
+      onDrag: (t) => {
+        const o = $(t), v = T === "end" ? r.end : r.start;
+        l({ type: v, payload: o, event: t });
+      },
+      onRelease: (t) => {
+        const o = $(t), v = T === "end" ? r.end : r.start;
+        l({ type: v, payload: o, event: t }), E("");
+      }
     },
-    onRelease: (t) => {
-      const o = $(t), v = T === "end" ? r.end : r.start;
-      l({ type: v, payload: o, event: t }), E("");
-    }
-  }, { autoScroll: !1 }), /* @__PURE__ */ a.createElement(
+    { autoScroll: !1 }
+  ), /* @__PURE__ */ a.createElement(
     "div",
     {
       id: e.id,
@@ -220,23 +233,16 @@ const ae = (n, s, p) => {
           ...B
         }
       },
-      e.children && /* @__PURE__ */ a.createElement(
-        "ul",
+      e.children && /* @__PURE__ */ a.createElement("ul", { className: "k-reset k-slider-items", style: { ...q } }, a.Children.map(e.children, (t, o) => t && a.cloneElement(
+        t,
         {
-          className: "k-reset k-slider-items",
-          style: { ...q }
+          position: 100 * (t.props.position - e.min) / (e.max - e.min),
+          vertical: e.vertical,
+          firstTick: o === 0,
+          lastTick: o === a.Children.count(e.children) - 1
         },
-        a.Children.map(e.children, (t, o) => t && a.cloneElement(
-          t,
-          {
-            position: 100 * (t.props.position - e.min) / (e.max - e.min),
-            vertical: e.vertical,
-            firstTick: o === 0,
-            lastTick: o === a.Children.count(e.children) - 1
-          },
-          t.props.children
-        ))
-      ),
+        t.props.children
+      ))),
       /* @__PURE__ */ a.createElement(
         "div",
         {

package/rating/Rating.mjs

@@ -48,28 +48,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]), _ = a.useMemo(() => e.item || s.item, [e.item]), [H, p] = q(
     e.defaultValue !== void 0 ? e.defaultValue : s.defaultValue,
     {
       state: e.value,
@@ -78,35 +57,30 @@ const q = (n, g, v) => {
       step: d === "half" ? i / 2 : i
     },
     W
-  ), [T, O] = q(
-    null,
-    {
-      state: e.value,
-      min: I,
-      max: x,
-      step: d === "half" ? i / 2 : i,
-      precision: d
-    }
-  ), u = a.useMemo(
+  ), [T, O] = q(null, {
+    state: e.value,
+    min: I,
+    max: x,
+    step: d === "half" ? i / 2 : i,
+    precision: d
+  }), u = a.useMemo(
     () => e.value !== void 0 ? e.value : H,
     [e.value, H]
-  ), C = a.useMemo(
-    () => T,
-    [T]
-  ), z = a.useMemo(
+  ), C = a.useMemo(() => T, [T]), z = a.useMemo(
     () => e.selection || s.selection,
     [e.selection]
-  ), E = a.useMemo(
-    () => i / (d === "half" ? 2 : 1),
-    [i, d]
-  ), j = a.useCallback(
+  ), E = a.useMemo(() => i / (d === "half" ? 2 : 1), [i, d]), j = a.useCallback(
     (t) => {
       if (!(!t.target || !t.target.element || V || k)) {
         if (d === "half") {
           const l = t.target.element.getBoundingClientRect(), M = L(o || "ltr", l, t.syntheticEvent.clientX) ? D(t.target.value - i / 2, E) : t.target.value;
           p({ type: c.select, payload: M, event: t.syntheticEvent });
         } else
-          p({ type: c.select, payload: t.target.value, event: t.syntheticEvent });
+          p({
+            type: c.select,
+            payload: t.target.value,
+            event: t.syntheticEvent
+          });
         if (e.onClick) {
           const l = {
             value: u,
@@ -153,14 +127,11 @@ const q = (n, g, v) => {
             });
             break;
         }
-        e.onKeyDown && e.onKeyDown.call(
-          void 0,
-          {
-            value: u,
-            target: m.current,
-            syntheticEvent: t
-          }
-        );
+        e.onKeyDown && e.onKeyDown.call(void 0, {
+          value: u,
+          target: m.current,
+          syntheticEvent: t
+        });
       }
     },
     [e.onKeyDown, p, u]
@@ -171,10 +142,7 @@ const q = (n, g, v) => {
           target: m.current,
           syntheticEvent: t
         };
-        e.onFocus.call(
-          void 0,
-          l
-        );
+        e.onFocus.call(void 0, l);
       }
     },
     [e.onFocus]
@@ -185,10 +153,7 @@ const q = (n, g, v) => {
           target: m.current,
           syntheticEvent: t
         };
-        e.onBlur.call(
-          void 0,
-          l
-        );
+        e.onBlur.call(void 0, l);
       }
     },
     [e.onBlur]
@@ -199,15 +164,16 @@ const q = (n, g, v) => {
           const l = t.target.element.getBoundingClientRect(), M = L(o || "ltr", l, t.syntheticEvent.clientX) ? t.target.value - i / 2 : t.target.value;
           O({ type: c.select, payload: M, event: t.syntheticEvent });
         } else
-          O({ type: c.select, payload: t.target.value, event: t.syntheticEvent });
+          O({
+            type: c.select,
+            payload: t.target.value,
+            event: t.syntheticEvent
+          });
     },
     [d, i, o]
-  ), Z = a.useCallback(
-    (t) => {
-      O({ type: c.reset, event: t.syntheticEvent });
-    },
-    []
-  ), P = [], ee = re(D(x - I, E), i);
+  ), Z = a.useCallback((t) => {
+    O({ type: c.reset, event: t.syntheticEvent });
+  }, []), P = [], ee = re(D(x - I, E), i);
   for (let t = I; t <= x; t = D(t + i, E)) {
     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(
@@ -227,10 +193,47 @@ const q = (n, g, v) => {
           onMouseMove: Y,
           onMouseLeave: Z
         },
-        f && /* @__PURE__ */ a.createElement("span", { className: "k-rating-precision-complement" }, !(e.icon || e.svgIconOutline) && /* @__PURE__ */ a.createElement(y, { name: "star-outline", icon: $, style: { clipPath: `${o === "rtl" ? "inset(0 50% 0 0)" : "inset(0 0 0 50%)"}` }, size: "xlarge" }), (e.icon || e.svgIconOutline) && /* @__PURE__ */ a.createElement(y, { name: B(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })),
-        f && /* @__PURE__ */ a.createElement("span", { className: "k-rating-precision-part" }, !(e.icon || e.svgIcon) && /* @__PURE__ */ a.createElement(y, { name: "star", icon: K, style: { clipPath: `${o === "rtl" ? "inset(0 0 0 50%)" : "inset(0 50% 0 0)"}` }, size: "xlarge" }), (e.icon || e.svgIcon) && /* @__PURE__ */ a.createElement(y, { name: e.icon ? B(e.icon) : void 0, icon: e.svgIcon, size: "xlarge" })),
+        f && /* @__PURE__ */ a.createElement("span", { className: "k-rating-precision-complement" }, !(e.icon || e.svgIconOutline) && /* @__PURE__ */ a.createElement(
+          y,
+          {
+            name: "star-outline",
+            icon: $,
+            style: { clipPath: `${o === "rtl" ? "inset(0 50% 0 0)" : "inset(0 0 0 50%)"}` },
+            size: "xlarge"
+          }
+        ), (e.icon || e.svgIconOutline) && /* @__PURE__ */ a.createElement(
+          y,
+          {
+            name: B(`${e.icon}-outline`),
+            icon: e.svgIconOutline,
+            size: "xlarge"
+          }
+        )),
+        f && /* @__PURE__ */ a.createElement("span", { className: "k-rating-precision-part" }, !(e.icon || e.svgIcon) && /* @__PURE__ */ a.createElement(
+          y,
+          {
+            name: "star",
+            icon: K,
+            style: { clipPath: `${o === "rtl" ? "inset(0 0 0 50%)" : "inset(0 50% 0 0)"}` },
+            size: "xlarge"
+          }
+        ), (e.icon || e.svgIcon) && /* @__PURE__ */ a.createElement(
+          y,
+          {
+            name: e.icon ? B(e.icon) : void 0,
+            icon: e.svgIcon,
+            size: "xlarge"
+          }
+        )),
         f && /* @__PURE__ */ a.createElement("span", { style: { width: "24px", height: "24px", display: "block" } }),
-        !f && !(e.icon || e.svgIcon) && (b || w && !b) && /* @__PURE__ */ a.createElement(y, { name: "star", icon: K, size: "xlarge" }) || !(e.icon || e.svgIcon) && !b && !w && /* @__PURE__ */ a.createElement(y, { name: "star-outline", icon: $, size: "xlarge" }) || (e.icon || e.svgIcon) && (b || w && !b) && /* @__PURE__ */ a.createElement(y, { name: e.icon, icon: e.svgIcon, size: "xlarge" }) || (e.icon || e.svgIcon) && !b && /* @__PURE__ */ a.createElement(y, { name: B(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })
+        !f && !(e.icon || e.svgIcon) && (b || w && !b) && /* @__PURE__ */ a.createElement(y, { name: "star", icon: K, size: "xlarge" }) || !(e.icon || e.svgIcon) && !b && !w && /* @__PURE__ */ a.createElement(y, { name: "star-outline", icon: $, size: "xlarge" }) || (e.icon || e.svgIcon) && (b || w && !b) && /* @__PURE__ */ a.createElement(y, { name: e.icon, icon: e.svgIcon, size: "xlarge" }) || (e.icon || e.svgIcon) && !b && /* @__PURE__ */ a.createElement(
+          y,
+          {
+            name: B(`${e.icon}-outline`),
+            icon: e.svgIconOutline,
+            size: "xlarge"
+          }
+        )
       )
     );
   }
@@ -263,29 +266,9 @@ const q = (n, g, v) => {
       "aria-labelledby": e.ariaLabelledBy,
       "aria-describedby": e.ariaDescribedBy
     },
-    /* @__PURE__ */ a.createElement(
-      "input",
-      {
-        id: "rating",
-        className: "k-hidden",
-        readOnly: V,
-        disabled: k
-      }
-    ),
-    /* @__PURE__ */ a.createElement(
-      "span",
-      {
-        className: "k-rating-container"
-      },
-      P
-    ),
-    e.label && /* @__PURE__ */ a.createElement(
-      "span",
-      {
-        className: "k-rating-label"
-      },
-      e.label
-    )
+    /* @__PURE__ */ a.createElement("input", { id: "rating", className: "k-hidden", readOnly: V, disabled: k }),
+    /* @__PURE__ */ a.createElement("span", { className: "k-rating-container" }, P),
+    e.label && /* @__PURE__ */ a.createElement("span", { className: "k-rating-label" }, e.label)
   );
 }), pe = {
   id: r.string,