@semcore/feedback-form 6.40.0-prerelease.0 → 16.0.0-prerelease.2

package/lib/esm/component/feedback-rating/FeedbackRating.mjs

@@ -7,38 +7,37 @@ import f from "@babel/runtime/helpers/esm/assertThisInitialized";
 import re from "@babel/runtime/helpers/esm/inherits";
 import ne from "@babel/runtime/helpers/esm/createSuper";
 import s from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as ae } from "@semcore/utils/lib/core/index";
-import ie, { sstyled as B, assignProps as z, Component as oe } from "@semcore/core";
+import { sstyled as R, createComponent as ae, assignProps as B, Component as ie } from "@semcore/core";
 import e from "react";
-import { Field as H, Form as le } from "react-final-form";
-import se from "final-form-focus";
-import me from "@semcore/spin-container";
-import ce from "@semcore/utils/lib/enhances/i18nEnhance";
-import ue from "@semcore/utils/lib/uniqueID";
+import { Field as H, Form as oe } from "react-final-form";
+import le from "final-form-focus";
+import se from "@semcore/spin-container";
+import me from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import ce from "@semcore/core/lib/utils/uniqueID";
 import u from "@semcore/notice";
-import de from "@semcore/icon/Check/m";
-import pe from "@semcore/icon/Warning/m";
+import ue from "@semcore/icon/Check/m";
+import de from "@semcore/icon/Warning/m";
 import { Text as P } from "@semcore/typography";
-import fe from "@semcore/illustration/Feedback";
-import he from "@semcore/link";
+import pe from "@semcore/illustration/Feedback";
+import fe from "@semcore/link";
 import W from "../slider-rating/SliderRating.mjs";
-import ge from "@semcore/modal";
-import be from "@semcore/textarea";
+import he from "@semcore/modal";
+import ge from "@semcore/textarea";
 import { Flex as k, Box as N } from "@semcore/flex-box";
-import { FeedbackItem as ve } from "../feedback-item/FeedbackItem.mjs";
-import { SubmitButton as ke } from "../submit-button/SubmitButton.mjs";
-import ye from "../checkbox-button/CheckboxButton.mjs";
+import { FeedbackItem as be } from "../feedback-item/FeedbackItem.mjs";
+import { SubmitButton as ve } from "../submit-button/SubmitButton.mjs";
+import ke from "../checkbox-button/CheckboxButton.mjs";
 import j from "@semcore/input";
 import { localizedMessages as A } from "../../translations/__intergalactic-dynamic-locales.mjs";
-import { NoticeBubbleManager as Ce, NoticeBubbleContainer as Ee } from "@semcore/notice-bubble";
-var xe = ["header", "submitText", "formConfig", "notificationText", "notificationTitle", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail", "modalWidth"], _e = (
+import { NoticeBubbleManager as ye, NoticeBubbleContainer as Ce } from "@semcore/notice-bubble";
+var Ee = ["header", "submitText", "formConfig", "notificationText", "notificationTitle", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail", "modalWidth"], xe = (
   /*__reshadow_css_start__*/
-  (ae.insert(
+  (R.insert(
     /*__inner_css_start__*/
-    ".___SFeedbackRating_ztp5p_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_ztp5p_gg_ li{list-style:none}",
-    "ztp5p_gg_"
+    ".___SFeedbackRating_kmztw_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_kmztw_gg_ li{list-style:none}",
+    "kmztw_gg_"
   ), {
-    __SFeedbackRating: "___SFeedbackRating_ztp5p_gg_"
+    __SFeedbackRating: "___SFeedbackRating_kmztw_gg_"
   })
 ), y = /* @__PURE__ */ function(b) {
   re(o, b);
@@ -50,7 +49,7 @@ var xe = ["header", "submitText", "formConfig", "notificationText", "notificatio
       v[a] = arguments[a];
     return n = p.call.apply(p, [this].concat(v)), s(f(n), "state", {
       error: !1
-    }), s(f(n), "manager", new Ce()), s(f(n), "focusDecorator", se()), s(f(n), "handleChangeRating", function(t) {
+    }), s(f(n), "manager", new ye()), s(f(n), "focusDecorator", le()), s(f(n), "handleChangeRating", function(t) {
       n.asProps.onVisibleChange(!0, t);
     }), s(f(n), "handelCloseModal", function() {
       n.asProps.onVisibleChange(!1, n.asProps.rating);
@@ -99,7 +98,7 @@ var xe = ["header", "submitText", "formConfig", "notificationText", "notificatio
         "aria-describedby": t.description ? t.key + "-description" : void 0
       }, function(_) {
         var l = _.input;
-        return t.type === "textarea" ? /* @__PURE__ */ e.createElement(be, I({}, l, {
+        return t.type === "textarea" ? /* @__PURE__ */ e.createElement(ge, I({}, l, {
           h: 80,
           onChange: n.handleChange(l.onChange),
           id: t.key
@@ -153,7 +152,7 @@ var xe = ["header", "submitText", "formConfig", "notificationText", "notificatio
         error: !1
       }), t === "success" ? setTimeout(function() {
         v.manager.add({
-          icon: /* @__PURE__ */ e.createElement(de, {
+          icon: /* @__PURE__ */ e.createElement(ue, {
             color: "green-400"
           }),
           children: r("successMessage"),
@@ -169,14 +168,14 @@ var xe = ["header", "submitText", "formConfig", "notificationText", "notificatio
     value: function() {
       var i = this.asProps, v = this.asProps, a, t = this, r = this.asProps, m = r.header, h = r.submitText, g = r.formConfig, _ = r.notificationText, l = r.notificationTitle, F = r.learnMoreLink;
       r.Children;
-      var w = r.styles, $ = r.forwardRef, T = r.status, O = r.theme, U = r.background, R = r.rating, q = r.visible;
+      var z = r.styles, O = r.forwardRef, T = r.status, $ = r.theme, U = r.background, M = r.rating, q = r.visible;
       r.onVisibleChange;
-      var G = r.notificationVisible, J = r.onNotificationClose, S = r.getI18nText, K = r.errorFeedbackEmail, M = r.modalWidth, L = Z(r, xe), Q = ge, X = g.filter(function(d) {
+      var G = r.notificationVisible, J = r.onNotificationClose, S = r.getI18nText, K = r.errorFeedbackEmail, V = r.modalWidth, L = Z(r, Ee), Q = he, X = g.filter(function(d) {
         return d.type === "checkbox";
       }), Y = g.filter(function(d) {
         return d.type === "textarea" || d.type === "input" || d.type === "email";
       }), D = this.getNoticeTextId();
-      return a = B(w), /* @__PURE__ */ e.createElement(N, z({}, v), /* @__PURE__ */ e.createElement(u, a.cn("Notice", {
+      return a = R(z), /* @__PURE__ */ e.createElement(N, B({}, v), /* @__PURE__ */ e.createElement(u, a.cn("Notice", {
         visible: G,
         "aria-label": S("leaveFeedback"),
         tag: k,
@@ -184,7 +183,7 @@ var xe = ["header", "submitText", "formConfig", "notificationText", "notificatio
       }), /* @__PURE__ */ e.createElement(u.Label, {
         mr: 3,
         "aria-hidden": !0
-      }, /* @__PURE__ */ e.createElement(fe, a.cn("FeedbackIllustration", {}))), /* @__PURE__ */ e.createElement(u.Content, null, l ? /* @__PURE__ */ e.createElement(u.Title, null, l) : null, /* @__PURE__ */ e.createElement(u.Text, {
+      }, /* @__PURE__ */ e.createElement(pe, a.cn("FeedbackIllustration", {}))), /* @__PURE__ */ e.createElement(u.Content, null, l ? /* @__PURE__ */ e.createElement(u.Title, null, l) : null, /* @__PURE__ */ e.createElement(u.Text, {
         tag: k,
         alignItems: l ? "flex-start" : "center"
       }, /* @__PURE__ */ e.createElement(P, a.cn("Text", {
@@ -193,27 +192,27 @@ var xe = ["header", "submitText", "formConfig", "notificationText", "notificatio
       }), _), /* @__PURE__ */ e.createElement(u.Actions, {
         mt: 0
       }, /* @__PURE__ */ e.createElement(W, a.cn("SliderRating", {
-        value: R,
+        value: M,
         onChange: this.handleChangeRating,
         "aria-labelledby": D
-      }))), F && /* @__PURE__ */ e.createElement(he, a.cn("Link", {
+      }))), F && /* @__PURE__ */ e.createElement(fe, a.cn("Link", {
         ml: 3,
         href: F
       }), S("learnMore")))), /* @__PURE__ */ e.createElement(u.Close, {
         onClick: J
-      })), /* @__PURE__ */ e.createElement(Q, a.cn("SFeedbackRating", x({}, z({
+      })), /* @__PURE__ */ e.createElement(Q, a.cn("SFeedbackRating", x({}, B({
         visible: q,
         onClose: this.handelCloseModal,
         p: 0,
-        "use:w": M ?? 440,
+        "use:w": V ?? 440,
         "aria-labelledby": this.headerId
-      }, i))), /* @__PURE__ */ e.createElement(le, a.cn("Form", x({
+      }, i))), /* @__PURE__ */ e.createElement(oe, a.cn("Form", x({
         decorators: [this.focusDecorator]
       }, L)), function(d) {
         var c;
-        return c = B(w), /* @__PURE__ */ e.createElement(me, c.cn("SpinContainer", {
+        return c = R(z), /* @__PURE__ */ e.createElement(se, c.cn("SpinContainer", {
           background: U,
-          theme: O,
+          theme: $,
           size: "xl",
           loading: T !== "loading" ? d.submitting : T === "loading",
           p: 1,
@@ -221,35 +220,35 @@ var xe = ["header", "submitText", "formConfig", "notificationText", "notificatio
         }), /* @__PURE__ */ e.createElement(k, c.cn("Flex", {
           justifyContent: "center"
         }), /* @__PURE__ */ e.createElement(W, c.cn("SliderRating", {
-          value: R,
+          value: M,
           readonly: !0
         }))), (m == null ? void 0 : m.type) === E.Header ? m : /* @__PURE__ */ e.createElement(E.Header, null, m), /* @__PURE__ */ e.createElement(N, c.cn("Box", x(x({
           tag: "form",
           noValidate: !0,
           method: "POST",
-          ref: $
+          ref: O
         }, L), {}, {
           onSubmit: d.handleSubmit
         })), /* @__PURE__ */ e.createElement(H, c.cn("Field", {
           name: "rating",
-          initialValue: R
+          initialValue: M
         }), function(C) {
-          var V = C.input;
-          return /* @__PURE__ */ e.createElement("input", I({}, V, {
+          var w = C.input;
+          return /* @__PURE__ */ e.createElement("input", I({}, w, {
             type: "hidden"
           }));
         }), /* @__PURE__ */ e.createElement("div", c.cn("div", {
           role: "group",
           "aria-labelledby": t.headerId
-        }), X.map(function(C, V) {
-          return t.renderCheckbox(C, V);
+        }), X.map(function(C, w) {
+          return t.renderCheckbox(C, w);
         })), Y.map(function(C) {
           return t.renderTextField(C);
         }), t.state.error && /* @__PURE__ */ e.createElement(u, c.cn("Notice", {
           theme: "warning",
           mt: 4,
           mb: 4
-        }), /* @__PURE__ */ e.createElement(u.Label, null, /* @__PURE__ */ e.createElement(pe, c.cn("WarnM", {}))), /* @__PURE__ */ e.createElement(u.Content, null, S("errorMessage", {
+        }), /* @__PURE__ */ e.createElement(u.Label, null, /* @__PURE__ */ e.createElement(de, c.cn("WarnM", {}))), /* @__PURE__ */ e.createElement(u.Content, null, S("errorMessage", {
           email: K
         }))), /* @__PURE__ */ e.createElement(k, c.cn("Flex", {
           mt: 4,
@@ -258,15 +257,15 @@ var xe = ["header", "submitText", "formConfig", "notificationText", "notificatio
           loading: T !== "loading" ? d.submitting : T === "loading",
           size: "l"
         }, h ?? S("submitButton")))));
-      })), /* @__PURE__ */ e.createElement(Ee, a.cn("NoticeBubbleContainer", {
+      })), /* @__PURE__ */ e.createElement(Ce, a.cn("NoticeBubbleContainer", {
         manager: this.manager
       })));
     }
   }]), o;
-}(oe);
+}(ie);
 s(y, "displayName", "FeedbackRatingForm");
-s(y, "style", _e);
-s(y, "enhance", [ce(A), ue()]);
+s(y, "style", xe);
+s(y, "enhance", [me(A), ce()]);
 s(y, "defaultProps", {
   onSubmit: function() {
   },
@@ -289,9 +288,9 @@ s(y, "validate", {
     };
   }
 });
-function Fe(b) {
+function _e(b) {
   var p = arguments[0], o, n = b.styles, i = P;
-  return o = B(n), /* @__PURE__ */ e.createElement(i, o.cn("SHeader", x({}, z({
+  return o = R(n), /* @__PURE__ */ e.createElement(i, o.cn("SHeader", x({}, B({
     size: 300,
     tag: "h2",
     mb: 4,
@@ -299,11 +298,11 @@ function Fe(b) {
     textAlign: "center"
   }, p))));
 }
-var E = ie(y, {
-  Header: Fe,
-  Item: ve,
-  Checkbox: ye,
-  Submit: ke
+var E = ae(y, {
+  Header: _e,
+  Item: be,
+  Checkbox: ke,
+  Submit: ve
 });
 export {
   E as default

package/lib/esm/component/slider-rating/SliderRating.mjs

@@ -1,106 +1,103 @@
-import k from "@babel/runtime/helpers/esm/objectSpread2";
-import M from "@babel/runtime/helpers/esm/classCallCheck";
-import F from "@babel/runtime/helpers/esm/createClass";
-import v from "@babel/runtime/helpers/esm/assertThisInitialized";
-import T from "@babel/runtime/helpers/esm/inherits";
-import A from "@babel/runtime/helpers/esm/createSuper";
+import b from "@babel/runtime/helpers/esm/objectSpread2";
+import w from "@babel/runtime/helpers/esm/classCallCheck";
+import T from "@babel/runtime/helpers/esm/createClass";
+import c from "@babel/runtime/helpers/esm/assertThisInitialized";
+import A from "@babel/runtime/helpers/esm/inherits";
+import D from "@babel/runtime/helpers/esm/createSuper";
 import _ from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as D } from "@semcore/utils/lib/core/index";
-import $, { assignProps as L, sstyled as I, Component as Z } from "@semcore/core";
+import { sstyled as x, createComponent as F, assignProps as k, Component as Z } from "@semcore/core";
 import s from "react";
-import { Box as x, Flex as z } from "@semcore/flex-box";
-import K from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
-import N from "@semcore/utils/lib/uniqueID";
-import B from "@semcore/utils/lib/enhances/i18nEnhance";
+import { Box as y, Flex as $ } from "@semcore/flex-box";
+import z from "@semcore/core/lib/utils/uniqueID";
+import K from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { localizedMessages as C } from "../../translations/__intergalactic-dynamic-locales.mjs";
-var j = (
+var N = (
   /*__reshadow_css_start__*/
-  (D.insert(
+  (x.insert(
     /*__inner_css_start__*/
-    ".___SSliderRating_1ii78_gg_ .___SStar_1ii78_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_1ii78_gg_.__keyboardFocused_1ii78_gg_ .___SStar_1ii78_gg_.__hovered_1ii78_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_1ii78_gg_ .___SStar_1ii78_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_1ii78_gg_.__keyboardFocused_1ii78_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_1ii78_gg_.__readonly_1ii78_gg_ .___SStar_1ii78_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_1ii78_gg_.__filled_1ii78_gg_:active{animation:wobble .8s ease-in-out}.___SStar_1ii78_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_1ii78_gg_.__filled_1ii78_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}",
-    "1ii78_gg_"
+    ".___SSliderRating_kf6ar_gg_ .___SStar_kf6ar_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_kf6ar_gg_:focus-visible .___SStar_kf6ar_gg_.__hovered_kf6ar_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_kf6ar_gg_ .___SStar_kf6ar_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_kf6ar_gg_.__readonly_kf6ar_gg_ .___SStar_kf6ar_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_kf6ar_gg_.__filled_kf6ar_gg_:active{animation:wobble .8s ease-in-out}.___SStar_kf6ar_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_kf6ar_gg_.__filled_kf6ar_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}",
+    "kf6ar_gg_"
   ), {
-    __SSliderRating: "___SSliderRating_1ii78_gg_",
-    __SStar: "___SStar_1ii78_gg_",
-    _keyboardFocused: "__keyboardFocused_1ii78_gg_",
-    _hovered: "__hovered_1ii78_gg_",
-    _readonly: "__readonly_1ii78_gg_",
-    _filled: "__filled_1ii78_gg_"
+    __SSliderRating: "___SSliderRating_kf6ar_gg_",
+    __SStar: "___SStar_kf6ar_gg_",
+    _hovered: "__hovered_kf6ar_gg_",
+    _readonly: "__readonly_kf6ar_gg_",
+    _filled: "__filled_kf6ar_gg_"
   })
-), y = 1, g = 5, u = /* @__PURE__ */ function(h) {
-  T(l, h);
-  var f = A(l);
+), L = 1, g = 5, v = /* @__PURE__ */ function(u) {
+  A(l, u);
+  var h = D(l);
   function l() {
     var e;
-    M(this, l);
+    w(this, l);
     for (var o = arguments.length, a = new Array(o), t = 0; t < o; t++)
       a[t] = arguments[t];
-    return e = f.call.apply(f, [this].concat(a)), _(v(e), "state", {
+    return e = h.call.apply(h, [this].concat(a)), _(c(e), "state", {
       hoveredIndex: -1,
       clickedIndex: -1
-    }), _(v(e), "handleClick", function(r) {
-      return function(i) {
-        var n = e.asProps.readonly;
-        n || e.setValue(r);
+    }), _(c(e), "handleClick", function(r) {
+      return function(n) {
+        var i = e.asProps.readonly;
+        i || e.setValue(r);
       };
-    }), _(v(e), "handleMouseEnder", function(r) {
+    }), _(c(e), "handleMouseEnder", function(r) {
       return function() {
         e.setState({
           hoveredIndex: r
         });
       };
-    }), _(v(e), "handleMouseLeave", function() {
+    }), _(c(e), "handleMouseLeave", function() {
       e.setState({
         hoveredIndex: -1
       });
-    }), _(v(e), "setValue", function(r) {
-      var i = e.asProps, n = i.onChange, c = i.value;
-      n && n(r), r <= c ? e.setState({
+    }), _(c(e), "setValue", function(r) {
+      var n = e.asProps, i = n.onChange, f = n.value;
+      i && i(r), r <= f ? e.setState({
         clickedIndex: r
       }) : e.setState({
         clickedIndex: -1
       });
-    }), _(v(e), "handleKeyDown", function(r) {
+    }), _(c(e), "handleKeyDown", function(r) {
       if (["ArrowLeft", "ArrowRight", "Enter"].includes(r.key))
         if (r.preventDefault(), r.key === "Enter") {
-          var i = e.state.hoveredIndex;
-          e.setValue(i + 1);
+          var n = e.state.hoveredIndex;
+          e.setValue(n + 1);
         } else {
-          var n = e.asProps.value, c = e.state.hoveredIndex, m = r.key === "ArrowLeft" ? -1 : 1, d = c === -1 ? n + m : c + 1 + m;
-          d > g && (d = g), d < y && (d = y), e.setState({
+          var i = e.asProps.value, f = e.state.hoveredIndex, S = r.key === "ArrowLeft" ? -1 : 1, d = f === -1 ? i + S : f + 1 + S;
+          d > g && (d = g), d < L && (d = L), e.setState({
             hoveredIndex: d - 1
           });
         }
     }), e;
   }
-  return F(l, [{
+  return T(l, [{
     key: "getStarProps",
     value: function(o, a) {
-      var t = this.asProps, r = t.value, i = t.readonly, n = this.state.hoveredIndex;
+      var t = this.asProps, r = t.value, n = t.readonly, i = this.state.hoveredIndex;
       return {
-        filled: r && a + 1 <= r || a <= n,
+        filled: r && a + 1 <= r || a <= i,
         onClick: this.handleClick(a + 1),
-        onMouseEnter: i ? void 0 : this.handleMouseEnder(a),
-        hovered: n === a
+        onMouseEnter: n ? void 0 : this.handleMouseEnder(a),
+        hovered: i === a
       };
     }
   }, {
     key: "getLabelText",
     value: function() {
-      var o = this.state.hoveredIndex, a = this.asProps, t = a.readonly, r = a.value, i = a.getI18nText;
+      var o = this.state.hoveredIndex, a = this.asProps, t = a.readonly, r = a.value, n = a.getI18nText;
       if (t)
-        return i("FeedbackRating.SliderRating.aria-valuetext.readonly", {
+        return n("FeedbackRating.SliderRating.aria-valuetext.readonly", {
           selectedRating: r,
           max: g
         });
       if (r) {
-        var n = o > -1 ? o + 1 : r;
-        return i("FeedbackRating.SliderRating.aria-valuetext", {
-          selectedRating: n,
+        var i = o > -1 ? o + 1 : r;
+        return n("FeedbackRating.SliderRating.aria-valuetext", {
+          selectedRating: i,
           max: g
         });
       }
-      return o === -1 ? i("FeedbackRating.SliderRating.aria-valuetext.empty") : i("FeedbackRating.SliderRating.aria-valuetext", {
+      return o === -1 ? n("FeedbackRating.SliderRating.aria-valuetext.empty") : n("FeedbackRating.SliderRating.aria-valuetext", {
         selectedRating: o + 1,
         max: g
       });
@@ -108,49 +105,49 @@ var j = (
   }, {
     key: "render",
     value: function() {
-      var o = this.asProps, a, t = this.asProps, r = t.styles, i = t.readonly, n = t.getI18nText, c = t.value, m = this.state.hoveredIndex, d = z, S = this.getLabelText();
-      if (i)
-        return /* @__PURE__ */ s.createElement(d, L({
+      var o = this.asProps, a, t = this.asProps, r = t.styles, n = t.readonly, i = t.getI18nText, f = t.value, S = this.state.hoveredIndex, d = $, m = this.getLabelText();
+      if (n)
+        return /* @__PURE__ */ s.createElement(d, k({
           gap: 1,
           role: "img",
-          "aria-label": S,
-          "use:tabIndex": -1
-        }, o), new Array(g).fill(null).map(function(w, p) {
-          return /* @__PURE__ */ s.createElement(x, {
+          "aria-label": m
+        }, o), new Array(g).fill(null).map(function(M, p) {
+          return /* @__PURE__ */ s.createElement(y, {
             key: p,
             position: "relative"
-          }, /* @__PURE__ */ s.createElement(b.Star, null));
+          }, /* @__PURE__ */ s.createElement(I.Star, null));
         }));
-      var R = m + 1, P = R > 0 || c ? "".concat(S, ". ").concat(n("FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber"), ".") : S;
-      return a = I(r), /* @__PURE__ */ s.createElement(d, a.cn("SSliderRating", k({}, L({
+      var R = S + 1, P = R > 0 || f ? "".concat(m, ". ").concat(i("FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber"), ".") : m;
+      return a = x(r), /* @__PURE__ */ s.createElement(d, a.cn("SSliderRating", b({}, k({
         gap: 1,
+        tabIndex: 0,
         onMouseLeave: this.handleMouseLeave,
         onKeyDown: this.handleKeyDown,
         role: "slider",
         "aria-orientation": "horizontal",
-        "aria-valuemin": y,
+        "aria-valuemin": L,
         "aria-valuemax": g,
         "aria-valuetext": P,
         "aria-valuenow": R
-      }, o))), new Array(g).fill(null).map(function(w, p) {
-        return /* @__PURE__ */ s.createElement(x, {
+      }, o))), new Array(g).fill(null).map(function(M, p) {
+        return /* @__PURE__ */ s.createElement(y, {
           key: p,
           position: "relative"
-        }, /* @__PURE__ */ s.createElement(b.Star, null));
+        }, /* @__PURE__ */ s.createElement(I.Star, null));
       }));
     }
   }]), l;
 }(Z);
-_(u, "displayName", "SliderRating");
-_(u, "style", j);
-_(u, "enhance", [K(), N(), B(C)]);
-_(u, "defaultProps", {
+_(v, "displayName", "SliderRating");
+_(v, "style", N);
+_(v, "enhance", [z(), K(C)]);
+_(v, "defaultProps", {
   i18n: C,
   locale: "en"
 });
-function E(h) {
-  var f = arguments[0], l, e = x;
-  return l = I(h.styles), /* @__PURE__ */ s.createElement(e, l.cn("SStar", k({}, L({
+function E(u) {
+  var h = arguments[0], l, e = y;
+  return l = x(u.styles), /* @__PURE__ */ s.createElement(e, l.cn("SStar", b({}, k({
     tag: "svg",
     role: "none",
     width: "22",
@@ -158,16 +155,16 @@ function E(h) {
     viewBox: "0 0 22 21",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, f))), h.filled ? /* @__PURE__ */ s.createElement("path", l.cn("path", {
+  }, h))), u.filled ? /* @__PURE__ */ s.createElement("path", l.cn("path", {
     d: "M10.6463 0.213566C10.7963 -0.0711885 11.2037 -0.071189 11.3537 0.213566L14.6682 6.50744L21.668 7.72084C21.9847 7.77572 22.1105 8.16305 21.8867 8.39378L16.9353 13.4978L17.9465 20.5422C17.9922 20.8607 17.6626 21.1002 17.3741 20.9581L11 17.8181L4.62585 20.9581C4.33738 21.1002 4.00781 20.8607 4.05353 20.5422L5.0647 13.4978L0.113338 8.39378C-0.110493 8.16305 0.0153421 7.77572 0.331965 7.72084L7.33178 6.50744L10.6463 0.213566Z"
   })) : /* @__PURE__ */ s.createElement("path", l.cn("path", {
     d: "M13.7834 6.9734L14.0127 7.40871L14.4974 7.49274L20.3785 8.51222L16.2175 12.8015L15.8757 13.1539L15.9454 13.6399L16.7949 19.558L11.4419 16.921L11 16.7033L10.5581 16.921L5.20505 19.558L6.05456 13.6399L6.12432 13.1539L5.78246 12.8015L1.62146 8.51222L7.50258 7.49274L7.98734 7.40871L8.21659 6.9734L11 1.68803L13.7834 6.9734ZM21.4972 8.70614C21.4969 8.70608 21.4965 8.70602 21.4961 8.70595L21.4972 8.70614ZM0.502765 8.70614L0.503758 8.70597C0.503427 8.70603 0.503095 8.70609 0.502764 8.70614L0.400352 8.11535L0.502765 8.70614Z"
   })));
 }
 E.displayName = "Star";
-var b = $(u, {
+var I = F(v, {
   Star: E
 });
 export {
-  b as default
+  I as default
 };

package/lib/types/component/checkbox-button/CheckboxButton.d.ts

@@ -1,4 +1,4 @@
-declare const CheckboxButton: import("@semcore/core").ComponentType<unknown, {}, {}, {
+declare const CheckboxButton: import("@semcore/core/lib/types/coreFactory").ComponentType<unknown, {}, {}, {
     [key: string]: (arg: unknown) => void;
 }, null>;
 export default CheckboxButton;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/feedback-form",
   "description": "Semrush Feedback Form Component",
-  "version": "6.40.0-prerelease.0",
+  "version": "16.0.0-prerelease.2",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,29 +14,26 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/checkbox": "7.44.1",
-    "@semcore/notice-bubble": "5.53.0-prerelease.0",
-    "@semcore/typography": "5.52.1",
-    "@semcore/link": "5.44.1",
-    "@semcore/modal": "4.55.0-prerelease.0",
-    "@semcore/illustration": "2.43.1",
-    "@semcore/icon": "4.60.1",
-    "@semcore/textarea": "5.40.1",
-    "@semcore/input": "4.42.1",
+    "@semcore/flex-box": "16.0.0-prerelease.2",
+    "@semcore/checkbox": "16.0.0-prerelease.2",
+    "@semcore/notice-bubble": "16.0.0-prerelease.2",
+    "@semcore/typography": "16.0.0-prerelease.2",
+    "@semcore/link": "16.0.0-prerelease.2",
+    "@semcore/modal": "16.0.0-prerelease.2",
+    "@semcore/illustration": "16.0.0-prerelease.2",
+    "@semcore/icon": "16.0.0-prerelease.2",
+    "@semcore/textarea": "16.0.0-prerelease.2",
+    "@semcore/input": "16.0.0-prerelease.2",
     "final-form": "4.20.7",
-    "@semcore/button": "5.43.0-prerelease.0",
-    "@semcore/flex-box": "5.41.1",
-    "@semcore/notice": "5.46.0-prerelease.0",
-    "@semcore/spin-container": "7.41.1",
-    "@semcore/tooltip": "6.49.1",
-    "@semcore/utils": "4.48.1",
+    "@semcore/button": "16.0.0-prerelease.2",
+    "@semcore/notice": "16.0.0-prerelease.2",
+    "@semcore/spin-container": "16.0.0-prerelease.2",
+    "@semcore/tooltip": "16.0.0-prerelease.2",
     "final-form-focus": "1.1.2",
     "react-final-form": "6.5.9"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
-    "react": "16.8 - 18",
-    "react-dom": "16.8 - 18"
+    "@semcore/base-components": "^16.0.0-prerelease.2"
   },
   "repository": {
     "type": "git",