@semcore/feedback-form 6.39.0-prerelease.4 → 6.39.0

package/CHANGELOG.md

@@ -2,11 +2,11 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [6.39.0] - 2025-02-27
+## [6.39.0] - 2025-03-14
 
-### Changed
+### Added
 
-- Version minor update due to children dependencies update (`@semcore/checkbox` [7.43.1 ~> 7.44.0], `@semcore/icon` [4.57.1 ~> 4.58.0], `@semcore/button` [5.41.2 ~> 5.42.0], `@semcore/flex-box` [5.40.1 ~> 5.41.0], `@semcore/tooltip` [6.47.3 ~> 6.48.0], `@semcore/utils` [4.45.1 ~> 4.47.1], `@semcore/core` [2.38.1 ~> 2.39.0]).
+- Build for ESM.
 
 ## [6.38.5] - 2025-02-05
 

package/lib/esm/FeedbackForm.mjs

@@ -0,0 +1,137 @@
+import E from "@babel/runtime/helpers/esm/extends";
+import d from "@babel/runtime/helpers/esm/objectSpread2";
+import x from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import F from "@babel/runtime/helpers/esm/classCallCheck";
+import L from "@babel/runtime/helpers/esm/createClass";
+import M from "@babel/runtime/helpers/esm/assertThisInitialized";
+import j from "@babel/runtime/helpers/esm/inherits";
+import P from "@babel/runtime/helpers/esm/createSuper";
+import l from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as N } from "@semcore/utils/lib/core/index";
+import B, { sstyled as u, Component as I, assignProps as g } from "@semcore/core";
+import s from "react";
+import { Form as f, Field as Z } from "react-final-form";
+import $ from "final-form-focus";
+import A from "@semcore/button";
+import D from "@semcore/spin-container";
+import { NoticeSmart as O } from "@semcore/notice";
+import { Box as S } from "@semcore/flex-box";
+import { FeedbackItem as R } from "./component/feedback-item/FeedbackItem.mjs";
+import { SubmitButton as z } from "./component/submit-button/SubmitButton.mjs";
+var V = ["Children", "styles", "forwardRef", "loading", "background", "theme"], v = (
+  /*__reshadow_css_start__*/
+  (N.insert(
+    /*__inner_css_start__*/
+    `.___SFeedbackForm_5lwey_gg_{max-width:320px}.___SCancel_5lwey_gg_,.___SSubmit_5lwey_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_5lwey_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);border-width:1px 0 0;border-top-style:solid;border-radius:0 0 var(--intergalactic-surface-rounded, 6px) var(--intergalactic-surface-rounded, 6px)}.___SSuccess_5lwey_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_5lwey_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));width:80px;height:80px;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.2852L29.2 45.6352C35.39 42.1852 53.39 31.9652 56.73 35.1052C55.6 32.0052 39.7 35.4352 29 45.2852Z' fill='white'/%3E%3Cpath d='M28.44 31.6343C26.63 37.6343 19.23 56.1043 15 61.9443L18 62.8543L19.58 61.5343C23.8 51.9843 29.58 35.5343 29.89 30.0743C29.39 29.8143 28.93 30.2143 28.44 31.6343Z' fill='white'/%3E%3Cpath d='M15 62.0078C19.23 56.1678 26.63 37.7378 28.44 31.6678C30.25 25.5978 33.49 37.6678 31.67 42.7878' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.9424C38.68 35.5824 55.27 31.9424 56.43 35.1024C57.12 36.9924 43 41.3624 38.02 47.4224' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93C41.21 20.77 35.86 19.04 33 18.24C37.12 16.41 70 4.24 72.67 3C71.75 7.11 67.75 21.28 65.96 27.93C61.13 26.25 56.23 24.78 53.03 23.74C51.0298 26.3907 49.2219 29.1812 47.62 32.09C46.44 28.23 45.29 23.77 44.45 21.93Z' fill='white' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M53 23.73L72.64 3' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 32.58L55.86 25' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77L51.69 25.13L52.66 24L54.73 24.61L55.16 24.48L51.8 27.91L49.33 30.18L48 31.29L48.23 30.77Z' fill='black'/%3E%3Cpath d='M33.81 22L23 27.12' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.89 23L34 27.37' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.04 29L58 38.85' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41C50.29 43.42 44.81 49.52 43 51.12' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.17 44C51.31 46.09 48.33 51.76 46 54.6' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_11950_117175' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11950_117175)'%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' fill='black'/%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A")}`,
+    "5lwey_gg_"
+  ), {
+    __SFeedbackForm: "___SFeedbackForm_5lwey_gg_",
+    __SSubmit: "___SSubmit_5lwey_gg_",
+    __SCancel: "___SCancel_5lwey_gg_",
+    __SNotice: "___SNotice_5lwey_gg_",
+    __SSuccess: "___SSuccess_5lwey_gg_",
+    __SEmail: "___SEmail_5lwey_gg_"
+  })
+), c = /* @__PURE__ */ function(i) {
+  j(e, i);
+  var a = P(e);
+  function e() {
+    var r;
+    F(this, e);
+    for (var t = arguments.length, o = new Array(t), n = 0; n < t; n++)
+      o[n] = arguments[n];
+    return r = a.call.apply(a, [this].concat(o)), l(M(r), "focusDecorator", $()), r;
+  }
+  return L(e, [{
+    key: "getItemProps",
+    value: function() {
+      var t = this.asProps.validateOnBlur;
+      return {
+        validateOnBlur: t
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var t = S, o = this.asProps, n = o.Children, _ = o.styles, p = o.forwardRef, h = o.loading, b = o.background, y = o.theme, k = x(o, V);
+      return /* @__PURE__ */ s.createElement(f, E({
+        decorators: [this.focusDecorator]
+      }, k), function(C) {
+        var m;
+        return m = u(_), /* @__PURE__ */ s.createElement(D, m.cn("SpinContainer", {
+          background: b,
+          theme: y,
+          size: "xl",
+          loading: h === void 0 ? C.submitting : h
+        }), /* @__PURE__ */ s.createElement(t, m.cn("SFeedbackForm", d(d({
+          tag: "form",
+          noValidate: !0,
+          method: "POST",
+          ref: p
+        }, k), {}, {
+          onSubmit: C.handleSubmit
+        })), typeof n.origin == "function" ? n.origin(C) : /* @__PURE__ */ s.createElement(n, m.cn("Children", {}))));
+      });
+    }
+  }]), e;
+}(I);
+l(c, "displayName", "FeedbackForm");
+l(c, "style", v);
+l(c, "FinalForm", {
+  Field: Z,
+  Form: f
+});
+l(c, "defaultProps", {
+  onSubmit: function() {
+  }
+});
+l(c, "validate", {
+  description: function(a) {
+    return function() {
+      var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", r = e.split(/\s+/), t = r.join(" ");
+      if (t.length < 10 || r.length < 3)
+        return a;
+    };
+  },
+  email: function(a) {
+    return function() {
+      var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+      if (!/.+@.+\..+/i.test(String(e).toLowerCase()))
+        return a;
+    };
+  }
+});
+function w(i) {
+  var a = arguments[0], e, r = i.Children, t = i.styles, o = S, n = "div";
+  return e = u(t), /* @__PURE__ */ s.createElement(o, e.cn("SSuccess", d({}, g({
+    tabIndex: -1
+  }, a))), /* @__PURE__ */ s.createElement(n, e.cn("SEmail", {
+    "aria-hidden": !0
+  })), /* @__PURE__ */ s.createElement("span", e.cn("span", {}), /* @__PURE__ */ s.createElement(r, e.cn("Children", {}))));
+}
+w.style = v;
+function H(i) {
+  var a = arguments[0], e, r = i.styles, t = A;
+  return e = u(r), /* @__PURE__ */ s.createElement(t, e.cn("SCancel", d({}, g({
+    type: "reset",
+    use: "secondary",
+    theme: "muted"
+  }, a))));
+}
+function T(i) {
+  var a = arguments[0], e, r = i.styles, t = i.theme, o = t === void 0 ? "muted" : t, n = i.use, _ = n === void 0 ? "secondary" : n, p = O;
+  return e = u(r), /* @__PURE__ */ s.createElement(p, e.cn("SNotice", d({}, g({
+    "use:theme": o,
+    "use:use": _
+  }, a))));
+}
+const me = B(c, {
+  Item: R,
+  Success: w,
+  Submit: z,
+  Cancel: H,
+  Notice: T
+});
+export {
+  me as default
+};

package/lib/esm/component/checkbox-button/CheckboxButton.mjs

@@ -0,0 +1,50 @@
+import _ from "@babel/runtime/helpers/esm/objectSpread2";
+import m from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import x from "@babel/runtime/helpers/esm/classCallCheck";
+import f from "@babel/runtime/helpers/esm/createClass";
+import k from "@babel/runtime/helpers/esm/inherits";
+import v from "@babel/runtime/helpers/esm/createSuper";
+import C from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as y } from "@semcore/utils/lib/core/index";
+import B, { sstyled as w, assignProps as S, Component as P } from "@semcore/core";
+import r from "react";
+import { Box as E } from "@semcore/flex-box";
+import a from "@semcore/checkbox";
+var R = ["styles", "id", "label", "type", "focused"], j = (
+  /*__reshadow_css_start__*/
+  (y.insert(
+    /*__inner_css_start__*/
+    ".___SCheckboxButton_1owh2_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_1owh2_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_1owh2_gg_.__checked_1owh2_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_1owh2_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_1owh2_gg_.__checked_1owh2_gg_:hover{background-color:rgba(0,143,248,.2)}}",
+    "1owh2_gg_"
+  ), {
+    __SCheckboxButton: "___SCheckboxButton_1owh2_gg_",
+    _checked: "__checked_1owh2_gg_"
+  })
+), i = /* @__PURE__ */ function(n) {
+  k(o, n);
+  var s = v(o);
+  function o() {
+    return x(this, o), s.apply(this, arguments);
+  }
+  return f(o, [{
+    key: "render",
+    value: function() {
+      var l = this.asProps, t, e = this.asProps, d = e.styles, c = e.id, h = e.label;
+      e.type;
+      var p = e.focused, g = m(e, R), u = p ? 20 : !1, b = E;
+      return t = w(d), /* @__PURE__ */ r.createElement(b, t.cn("SCheckboxButton", _({}, S({
+        __excludeProps: ["onChange", "id", "type"]
+      }, l))), /* @__PURE__ */ r.createElement(a, t.cn("Checkbox", _({}, g)), /* @__PURE__ */ r.createElement(a.Value, {
+        autoFocus: u,
+        "aria-labelledby": c
+      }), /* @__PURE__ */ r.createElement(a.Text, {
+        id: c
+      }, h)));
+    }
+  }]), o;
+}(P);
+C(i, "style", j);
+var K = B(i);
+export {
+  K as default
+};

package/lib/esm/component/feedback-item/FeedbackItem.mjs

@@ -0,0 +1,45 @@
+import b from "@babel/runtime/helpers/esm/extends";
+import p from "@babel/runtime/helpers/esm/objectSpread2";
+import h from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import t from "react";
+import { Field as C } from "react-final-form";
+import d from "@semcore/tooltip";
+import k from "@semcore/utils/lib/pick";
+import I from "@semcore/utils/lib/uniqueID";
+import { assignProps as L } from "@semcore/utils/lib/core";
+import R from "@semcore/utils/lib/propsForElement";
+var S = ["Children", "tag", "uid", "tooltipProps"], T = ["input", "meta"], _ = ["title", "theme", "strategy", "modifiers", "placement", "interaction", "timeout", "visible", "defaultVisible", "onVisibleChange", "offset", "preventOverflow", "arrow", "flip", "computeStyles", "eventListeners", "onFirstUpdate"];
+function j(r) {
+  var m = r.Children, s = r.tag, g = r.uid, c = r.tooltipProps, P = c === void 0 ? _ : c, o = h(r, S), y = k(o, P), u = t.useRef(void 0);
+  return /* @__PURE__ */ t.createElement(C, o, function(a) {
+    var n, E = a.input, e = a.meta, l = h(a, T), w = l.validateOnBlur === !1 ? e.submitFailed : !0, x = e.invalid && e.touched, i = w && x, v = "".concat(g, "-error-description"), F = o["aria-describedby"], f = L(p(p({}, R(l)), {}, {
+      state: i ? "invalid" : "normal",
+      "aria-invalid": !!i,
+      "aria-describedby": e.active ? i ? v : F : void 0
+    }), E);
+    return e != null && e.error && (u.current = e.error), /* @__PURE__ */ t.createElement(d, b({
+      visible: i && e.active,
+      theme: "warning",
+      placement: "left",
+      flip: {
+        fallbackPlacements: ["right", "bottom"]
+      }
+    }, y), /* @__PURE__ */ t.createElement(d.Trigger, b({
+      inline: !1,
+      role: void 0,
+      tag: s
+    }, s ? f : {}, {
+      __excludeProps: ["type", "aria-describedby"]
+    }), typeof m.origin == "function" && m.origin(p({
+      input: f,
+      meta: e
+    }, l))), /* @__PURE__ */ t.createElement(d.Popper, {
+      w: "100%",
+      id: v
+    }, (n = e.error) !== null && n !== void 0 ? n : u.current));
+  });
+}
+j.enhance = [I()];
+export {
+  j as FeedbackItem
+};

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

@@ -0,0 +1,310 @@
+import x from "@babel/runtime/helpers/esm/objectSpread2";
+import Z from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import I from "@babel/runtime/helpers/esm/extends";
+import ee from "@babel/runtime/helpers/esm/classCallCheck";
+import te from "@babel/runtime/helpers/esm/createClass";
+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 N, assignProps as B, Component as oe } from "@semcore/core";
+import e from "react";
+import { Field as D, 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 de from "@semcore/utils/lib/uniqueID";
+import d from "@semcore/notice";
+import ue from "@semcore/icon/Check/m";
+import pe from "@semcore/icon/Warning/m";
+import { Text as P } from "@semcore/typography";
+import fe from "@semcore/illustration/Feedback";
+import he from "@semcore/link";
+import H from "../slider-rating/SliderRating.mjs";
+import ge from "@semcore/modal";
+import be from "@semcore/textarea";
+import { Flex as k, Box as w } 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 W 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 = (
+  /*__reshadow_css_start__*/
+  (ae.insert(
+    /*__inner_css_start__*/
+    ".___SFeedbackRating_javwd_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_javwd_gg_ li{list-style:none}",
+    "javwd_gg_"
+  ), {
+    __SFeedbackRating: "___SFeedbackRating_javwd_gg_"
+  })
+), y = /* @__PURE__ */ function(b) {
+  re(o, b);
+  var p = ne(o);
+  function o() {
+    var n;
+    ee(this, o);
+    for (var i = arguments.length, v = new Array(i), a = 0; a < i; a++)
+      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) {
+      n.asProps.onVisibleChange(!0, t);
+    }), s(f(n), "handelCloseModal", function() {
+      n.asProps.onVisibleChange(!1, n.asProps.rating);
+    }), s(f(n), "handleChange", function(t) {
+      return function(r, m) {
+        t(m);
+      };
+    }), s(f(n), "renderCheckbox", function(t, r) {
+      var m = n.props.initialValues[t.key];
+      return /* @__PURE__ */ e.createElement(D, {
+        name: t.key,
+        initialValue: m,
+        type: "checkbox",
+        key: t.key
+      }, function(h) {
+        var g = h.input;
+        return /* @__PURE__ */ e.createElement(E.Checkbox, I({}, g, {
+          id: t.key,
+          label: t.label,
+          onChange: function(l, F) {
+            return g.onChange(F);
+          },
+          focused: r === 0
+        }));
+      });
+    }), s(f(n), "renderTextField", function(t) {
+      var r, m = n.props.initialValues[t.key], h = typeof t.label == "string" ? /* @__PURE__ */ e.createElement(P, {
+        mb: 2,
+        size: 200
+      }, t.label) : t.label, g = ((r = t.description) === null || r === void 0 ? void 0 : r.type) === e.Fragment;
+      return /* @__PURE__ */ e.createElement(k, {
+        direction: "column"
+      }, /* @__PURE__ */ e.createElement(k, {
+        tag: "label",
+        mt: 4,
+        htmlFor: t.key,
+        key: t.key
+      }, h), /* @__PURE__ */ e.createElement(E.Item, {
+        name: t.key,
+        validate: t.validate,
+        initialValue: m,
+        placement: "left-start",
+        flip: {
+          fallbackPlacements: ["right-start", "bottom"]
+        },
+        "aria-describedby": t.description ? t.key + "-description" : void 0
+      }, function(_) {
+        var l = _.input;
+        return t.type === "textarea" ? /* @__PURE__ */ e.createElement(be, I({}, l, {
+          h: 80,
+          onChange: n.handleChange(l.onChange),
+          id: t.key
+        })) : t.type === "input" || t.type === "email" ? (t.type === "email" && (l.autoComplete = "email", l.type = "email"), /* @__PURE__ */ e.createElement(W, {
+          state: l.state
+        }, /* @__PURE__ */ e.createElement(W.Value, I({}, l, {
+          onChange: n.handleChange(l.onChange),
+          id: t.key
+        })))) : null;
+      }), t.description && /* @__PURE__ */ e.createElement(w, {
+        mt: 2
+      }, typeof t.description == "string" || g ? /* @__PURE__ */ e.createElement(P, {
+        size: 200,
+        color: "text-secondary",
+        id: t.key + "-description"
+      }, t.description) : t.description));
+    }), n;
+  }
+  return te(o, [{
+    key: "headerId",
+    get: function() {
+      var i = this.asProps.uid;
+      return "".concat(i, "-feedback-rating-header");
+    }
+  }, {
+    key: "getHeaderProps",
+    value: function() {
+      return {
+        id: this.headerId
+      };
+    }
+  }, {
+    key: "getItemProps",
+    value: function() {
+      var i = this.asProps.validateOnBlur;
+      return {
+        validateOnBlur: i
+      };
+    }
+  }, {
+    key: "getNoticeTextId",
+    value: function() {
+      var i = this.asProps.uid;
+      return "".concat(i, "-feedback-rating-notice");
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function(i) {
+      var v = this, a = this.asProps, t = a.status, r = a.getI18nText;
+      i.status !== t && (this.setState({
+        error: !1
+      }), t === "success" ? setTimeout(function() {
+        v.manager.add({
+          icon: /* @__PURE__ */ e.createElement(ue, {
+            color: "green-400"
+          }),
+          children: r("successMessage"),
+          initialAnimation: !0,
+          duration: 5e3
+        });
+      }, 300) : t === "error" && this.setState({
+        error: !0
+      }));
+    }
+  }, {
+    key: "render",
+    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 j = r.styles, $ = r.forwardRef, T = r.status, O = r.theme, U = r.background, R = 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(u) {
+        return u.type === "checkbox";
+      }), Y = g.filter(function(u) {
+        return u.type === "textarea" || u.type === "input" || u.type === "email";
+      }), z = this.getNoticeTextId();
+      return a = N(j), /* @__PURE__ */ e.createElement(w, B({}, v), /* @__PURE__ */ e.createElement(d, a.cn("Notice", {
+        visible: G,
+        "aria-label": S("leaveFeedback"),
+        tag: k,
+        alignItems: l ? "flex-start" : "center"
+      }), /* @__PURE__ */ e.createElement(d.Label, {
+        mr: 3,
+        "aria-hidden": !0
+      }, /* @__PURE__ */ e.createElement(fe, a.cn("FeedbackIllustration", {}))), /* @__PURE__ */ e.createElement(d.Content, null, l ? /* @__PURE__ */ e.createElement(d.Title, null, l) : null, /* @__PURE__ */ e.createElement(d.Text, {
+        tag: k,
+        alignItems: l ? "flex-start" : "center"
+      }, /* @__PURE__ */ e.createElement(P, a.cn("Text", {
+        mr: 3,
+        id: z
+      }), _), /* @__PURE__ */ e.createElement(d.Actions, {
+        mt: 0
+      }, /* @__PURE__ */ e.createElement(H, a.cn("SliderRating", {
+        value: R,
+        onChange: this.handleChangeRating,
+        "aria-labelledby": z
+      }))), F && /* @__PURE__ */ e.createElement(he, a.cn("Link", {
+        ml: 3,
+        href: F
+      }), S("learnMore")))), /* @__PURE__ */ e.createElement(d.Close, {
+        onClick: J
+      })), /* @__PURE__ */ e.createElement(Q, a.cn("SFeedbackRating", x({}, B({
+        visible: q,
+        onClose: this.handelCloseModal,
+        p: 0,
+        "use:w": M ?? 440,
+        "aria-labelledby": this.headerId
+      }, i))), /* @__PURE__ */ e.createElement(le, a.cn("Form", x({
+        decorators: [this.focusDecorator]
+      }, L)), function(u) {
+        var c;
+        return c = N(j), /* @__PURE__ */ e.createElement(me, c.cn("SpinContainer", {
+          background: U,
+          theme: O,
+          size: "xl",
+          loading: T !== "loading" ? u.submitting : T === "loading",
+          p: 1,
+          m: 9
+        }), /* @__PURE__ */ e.createElement(k, c.cn("Flex", {
+          justifyContent: "center"
+        }), /* @__PURE__ */ e.createElement(H, c.cn("SliderRating", {
+          value: R,
+          readonly: !0
+        }))), (m == null ? void 0 : m.type) === E.Header ? m : /* @__PURE__ */ e.createElement(E.Header, null, m), /* @__PURE__ */ e.createElement(w, c.cn("Box", x(x({
+          tag: "form",
+          noValidate: !0,
+          method: "POST",
+          ref: $
+        }, L), {}, {
+          onSubmit: u.handleSubmit
+        })), /* @__PURE__ */ e.createElement(D, c.cn("Field", {
+          name: "rating",
+          initialValue: R
+        }), function(C) {
+          var V = C.input;
+          return /* @__PURE__ */ e.createElement("input", I({}, V, {
+            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);
+        })), Y.map(function(C) {
+          return t.renderTextField(C);
+        }), t.state.error && /* @__PURE__ */ e.createElement(d, c.cn("Notice", {
+          theme: "warning",
+          mt: 4,
+          mb: 4
+        }), /* @__PURE__ */ e.createElement(d.Label, null, /* @__PURE__ */ e.createElement(pe, c.cn("WarnM", {}))), /* @__PURE__ */ e.createElement(d.Content, null, S("errorMessage", {
+          email: K
+        }))), /* @__PURE__ */ e.createElement(k, c.cn("Flex", {
+          mt: 4,
+          justifyContent: "center"
+        }), /* @__PURE__ */ e.createElement(E.Submit, {
+          loading: T !== "loading" ? u.submitting : T === "loading",
+          size: "l"
+        }, h ?? S("submitButton")))));
+      })), /* @__PURE__ */ e.createElement(Ee, a.cn("NoticeBubbleContainer", {
+        manager: this.manager
+      })));
+    }
+  }]), o;
+}(oe);
+s(y, "displayName", "FeedbackRatingForm");
+s(y, "style", _e);
+s(y, "enhance", [ce(A), de()]);
+s(y, "defaultProps", {
+  onSubmit: function() {
+  },
+  i18n: A,
+  locale: "en"
+});
+s(y, "validate", {
+  description: function(p) {
+    return function() {
+      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", n = o.split(/\s+/), i = n.join(" ");
+      if (o && (i.length < 10 || n.length < 3))
+        return p;
+    };
+  },
+  email: function(p) {
+    return function() {
+      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+      if (o && !/.+@.+\..+/i.test(String(o).toLowerCase()))
+        return p;
+    };
+  }
+});
+function Fe(b) {
+  var p = arguments[0], o, n = b.styles, i = P;
+  return o = N(n), /* @__PURE__ */ e.createElement(i, o.cn("SHeader", x({}, B({
+    size: 300,
+    tag: "h2",
+    mb: 4,
+    mt: 4,
+    textAlign: "center"
+  }, p))));
+}
+var E = ie(y, {
+  Header: Fe,
+  Item: ve,
+  Checkbox: ye,
+  Submit: ke
+});
+export {
+  E as default
+};

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

@@ -0,0 +1,173 @@
+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 _ from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as D } from "@semcore/utils/lib/core/index";
+import $, { assignProps as y, sstyled as I, Component as Z } from "@semcore/core";
+import s from "react";
+import { Box as L, 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 { localizedMessages as C } from "../../translations/__intergalactic-dynamic-locales.mjs";
+var j = (
+  /*__reshadow_css_start__*/
+  (D.insert(
+    /*__inner_css_start__*/
+    ".___SSliderRating_itt5b_gg_ .___SStar_itt5b_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_itt5b_gg_.__keyboardFocused_itt5b_gg_ .___SStar_itt5b_gg_.__hovered_itt5b_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_itt5b_gg_ .___SStar_itt5b_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_itt5b_gg_.__keyboardFocused_itt5b_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_itt5b_gg_.__readonly_itt5b_gg_ .___SStar_itt5b_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_itt5b_gg_.__filled_itt5b_gg_:active{animation:wobble .8s ease-in-out}.___SStar_itt5b_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_itt5b_gg_.__filled_itt5b_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}",
+    "itt5b_gg_"
+  ), {
+    __SSliderRating: "___SSliderRating_itt5b_gg_",
+    __SStar: "___SStar_itt5b_gg_",
+    _keyboardFocused: "__keyboardFocused_itt5b_gg_",
+    _hovered: "__hovered_itt5b_gg_",
+    _readonly: "__readonly_itt5b_gg_",
+    _filled: "__filled_itt5b_gg_"
+  })
+), b = 1, g = 5, u = /* @__PURE__ */ function(h) {
+  T(l, h);
+  var f = A(l);
+  function l() {
+    var e;
+    M(this, l);
+    for (var o = arguments.length, r = new Array(o), a = 0; a < o; a++)
+      r[a] = arguments[a];
+    return e = f.call.apply(f, [this].concat(r)), _(v(e), "state", {
+      hoveredIndex: -1,
+      clickedIndex: -1
+    }), _(v(e), "handleClick", function(t) {
+      return function(i) {
+        var n = e.asProps.readonly;
+        n || e.setValue(t);
+      };
+    }), _(v(e), "handleMouseEnder", function(t) {
+      return function() {
+        e.setState({
+          hoveredIndex: t
+        });
+      };
+    }), _(v(e), "handleMouseLeave", function() {
+      e.setState({
+        hoveredIndex: -1
+      });
+    }), _(v(e), "setValue", function(t) {
+      var i = e.asProps, n = i.onChange, c = i.value;
+      n && n(t), t <= c ? e.setState({
+        clickedIndex: t
+      }) : e.setState({
+        clickedIndex: -1
+      });
+    }), _(v(e), "handleKeyDown", function(t) {
+      if (["ArrowLeft", "ArrowRight", "Enter"].includes(t.key))
+        if (t.preventDefault(), t.key === "Enter") {
+          var i = e.state.hoveredIndex;
+          e.setValue(i + 1);
+        } else {
+          var n = e.asProps.value, c = e.state.hoveredIndex, m = t.key === "ArrowLeft" ? -1 : 1, d = c === -1 ? n + m : c + 1 + m;
+          d > g && (d = g), d < b && (d = b), e.setState({
+            hoveredIndex: d - 1
+          });
+        }
+    }), e;
+  }
+  return F(l, [{
+    key: "getStarProps",
+    value: function(o, r) {
+      var a = this.asProps, t = a.value, i = a.readonly, n = this.state.hoveredIndex;
+      return {
+        filled: t && r + 1 <= t || r <= n,
+        onClick: this.handleClick(r + 1),
+        onMouseEnter: i ? void 0 : this.handleMouseEnder(r),
+        hovered: n === r
+      };
+    }
+  }, {
+    key: "getLabelText",
+    value: function() {
+      var o = this.state.hoveredIndex, r = this.asProps, a = r.readonly, t = r.value, i = r.getI18nText;
+      if (a)
+        return i("FeedbackRating.SliderRating.aria-valuetext.readonly", {
+          selectedRating: t,
+          max: g
+        });
+      if (t) {
+        var n = o > -1 ? o + 1 : t;
+        return i("FeedbackRating.SliderRating.aria-valuetext", {
+          selectedRating: n,
+          max: g
+        });
+      }
+      return o === -1 ? i("FeedbackRating.SliderRating.aria-valuetext.empty") : i("FeedbackRating.SliderRating.aria-valuetext", {
+        selectedRating: o + 1,
+        max: g
+      });
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var o = this.asProps, r, a = this.asProps, t = a.styles, i = a.readonly, n = a.getI18nText, c = a.value, m = this.state.hoveredIndex, d = z, S = this.getLabelText();
+      if (i)
+        return /* @__PURE__ */ s.createElement(d, y({
+          gap: 1,
+          role: "img",
+          "aria-label": S,
+          "use:tabIndex": -1
+        }, o), new Array(g).fill(null).map(function(w, p) {
+          return /* @__PURE__ */ s.createElement(L, {
+            key: p,
+            position: "relative"
+          }, /* @__PURE__ */ s.createElement(R.Star, null));
+        }));
+      var x = m + 1, P = x > 0 || c ? "".concat(S, ". ").concat(n("FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber"), ".") : S;
+      return r = I(t), /* @__PURE__ */ s.createElement(d, r.cn("SSliderRating", k({}, y({
+        gap: 1,
+        onMouseLeave: this.handleMouseLeave,
+        onKeyDown: this.handleKeyDown,
+        role: "slider",
+        "aria-orientation": "horizontal",
+        "aria-valuemin": b,
+        "aria-valuemax": g,
+        "aria-valuetext": P,
+        "aria-valuenow": x
+      }, o))), new Array(g).fill(null).map(function(w, p) {
+        return /* @__PURE__ */ s.createElement(L, {
+          key: p,
+          position: "relative"
+        }, /* @__PURE__ */ s.createElement(R.Star, null));
+      }));
+    }
+  }]), l;
+}(Z);
+_(u, "displayName", "SliderRating");
+_(u, "style", j);
+_(u, "enhance", [K(), N(), B(C)]);
+_(u, "defaultProps", {
+  i18n: C,
+  locale: "en"
+});
+function E(h) {
+  var f = arguments[0], l, e = L;
+  return l = I(h.styles), /* @__PURE__ */ s.createElement(e, l.cn("SStar", k({}, y({
+    tag: "svg",
+    role: "none",
+    width: "22",
+    height: "21",
+    viewBox: "0 0 22 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, f))), h.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 R = $(u, {
+  Star: E
+});
+export {
+  R as default
+};

package/lib/esm/component/submit-button/SubmitButton.mjs

@@ -0,0 +1,15 @@
+import o from "@babel/runtime/helpers/esm/objectSpread2";
+import { sstyled as i, assignProps as u } from "@semcore/core";
+import a from "@semcore/button";
+import n from "react";
+function b(r) {
+  var e = arguments[0], t, m = r.styles, s = a;
+  return t = i(m), /* @__PURE__ */ n.createElement(s, t.cn("SSubmit", o({}, u({
+    type: "submit",
+    use: "primary",
+    theme: "success"
+  }, e))));
+}
+export {
+  b as SubmitButton
+};

package/lib/esm/index.mjs

@@ -0,0 +1,6 @@
+import { default as t } from "./component/feedback-rating/FeedbackRating.mjs";
+import { default as o } from "./FeedbackForm.mjs";
+export {
+  t as FeedbackRating,
+  o as default
+};

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -0,0 +1,33 @@
+import r from "./de.json.mjs";
+import o from "./en.json.mjs";
+import m from "./es.json.mjs";
+import t from "./fr.json.mjs";
+import i from "./it.json.mjs";
+import p from "./ja.json.mjs";
+import f from "./ko.json.mjs";
+import e from "./nl.json.mjs";
+import s from "./pt.json.mjs";
+import a from "./tr.json.mjs";
+import l from "./vi.json.mjs";
+import v from "./zh.json.mjs";
+import d from "./pl.json.mjs";
+import n from "./sv.json.mjs";
+var B = {
+  de: r,
+  en: o,
+  es: m,
+  fr: t,
+  it: i,
+  ja: p,
+  ko: f,
+  nl: e,
+  pt: s,
+  tr: a,
+  vi: l,
+  zh: v,
+  pl: d,
+  sv: n
+};
+export {
+  B as localizedMessages
+};

package/lib/esm/translations/de.json.mjs

@@ -0,0 +1,21 @@
+const e = "Feedback geben", a = "Mehr erfahren", t = "Feedback-Formular", n = "Feedback senden", r = "Vielen Dank für Ihr Feedback!", s = "Es ist ein Fehler aufgetreten. Versuchen Sie es erneut oder kontaktieren Sie uns unter {email}.", i = {
+  leaveFeedback: e,
+  learnMore: a,
+  formTitle: t,
+  submitButton: n,
+  successMessage: r,
+  errorMessage: s,
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Drücken Sie auf Enter, um die Bewertung auszuwählen",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Ihre Bewertung: {selectedRating} von {max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Nicht festgelegt",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} von {max}"
+};
+export {
+  i as default,
+  s as errorMessage,
+  t as formTitle,
+  a as learnMore,
+  e as leaveFeedback,
+  n as submitButton,
+  r as successMessage
+};

package/lib/esm/translations/en.json.mjs

@@ -0,0 +1,21 @@
+const e = "Leave feedback", a = "Learn more", t = "Feedback form", r = "Send feedback", n = "Thank you for your feedback!", s = "Something went wrong. Please try again or contact us at {email}.", o = {
+  leaveFeedback: e,
+  learnMore: a,
+  formTitle: t,
+  submitButton: r,
+  successMessage: n,
+  errorMessage: s,
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Press Enter to select the rating",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Your rating: {selectedRating} out of {max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Not set",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} out of {max}"
+};
+export {
+  o as default,
+  s as errorMessage,
+  t as formTitle,
+  a as learnMore,
+  e as leaveFeedback,
+  r as submitButton,
+  n as successMessage
+};

package/lib/esm/translations/es.json.mjs

@@ -0,0 +1,21 @@
+const e = "Dejar comentarios", a = "Leer más", t = "Formulario de comentarios", n = "Enviar comentarios", r = "¡Gracias por tu opinión!", i = "Ha habido un error. Vuelve a intentarlo o contacta con nosotros en {email}.", o = {
+  leaveFeedback: e,
+  learnMore: a,
+  formTitle: t,
+  submitButton: n,
+  successMessage: r,
+  errorMessage: i,
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Pulsa Intro para seleccionar la puntuación",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Tu puntuación: {selectedRating} de {max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Sin definir",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} de {max}"
+};
+export {
+  o as default,
+  i as errorMessage,
+  t as formTitle,
+  a as learnMore,
+  e as leaveFeedback,
+  n as submitButton,
+  r as successMessage
+};

package/lib/esm/translations/fr.json.mjs

@@ -0,0 +1,21 @@
+const e = "Envoyer des commentaires", r = "En savoir plus", a = "Formulaire de commentaires", s = "Envoyer des commentaires", t = "Merci pour vos commentaires !", n = "Une erreur est survenue. Veuillez réessayer ou nous contacter à l’adresse {email}.", o = {
+  leaveFeedback: e,
+  learnMore: r,
+  formTitle: a,
+  submitButton: s,
+  successMessage: t,
+  errorMessage: n,
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Appuyez sur Entrée pour sélectionner la note",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Votre \uFEFFnote : {selectedRating} sur {max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Non défini",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} sur {max}"
+};
+export {
+  o as default,
+  n as errorMessage,
+  a as formTitle,
+  r as learnMore,
+  e as leaveFeedback,
+  s as submitButton,
+  t as successMessage
+};

package/lib/esm/translations/it.json.mjs

@@ -0,0 +1,21 @@
+const e = "Lascia un feedback", a = "Scopri di più", i = "Modulo di feedback", t = "Invia feedback", r = "Grazie per il tuo feedback!", o = "Si è verificato un errore. Prova di nuovo o contattaci all'indirizzo {email}.", n = {
+  leaveFeedback: e,
+  learnMore: a,
+  formTitle: i,
+  submitButton: t,
+  successMessage: r,
+  errorMessage: o,
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Premi Invio per selezionare la valutazione",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "La tua valutazione: {selectedRating} su {max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Non impostato",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} su {max}"
+};
+export {
+  n as default,
+  o as errorMessage,
+  i as formTitle,
+  a as learnMore,
+  e as leaveFeedback,
+  t as submitButton,
+  r as successMessage
+};

package/lib/esm/translations/ja.json.mjs

@@ -0,0 +1,21 @@
+const e = "フィードバックを送る", a = "詳細情報", t = "フィードバックのフォーム", s = "フィードバックを送信", r = "フィードバックをお送りいただき、ありがとうございます！", n = "エラーが発生しました。もう一度お試しいただくか、{email}までお問い合わせください。", i = {
+  leaveFeedback: e,
+  learnMore: a,
+  formTitle: t,
+  submitButton: s,
+  successMessage: r,
+  errorMessage: n,
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "レーティングを選択するにはEnterキーを押します",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "あなたのレーティング：{selectedRating}/{max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "未設定",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating}/{max}"
+};
+export {
+  i as default,
+  n as errorMessage,
+  t as formTitle,
+  a as learnMore,
+  e as leaveFeedback,
+  s as submitButton,
+  r as successMessage
+};

package/lib/esm/translations/ko.json.mjs

@@ -0,0 +1,21 @@
+const e = "피드백 남기기", a = "더 알아보기", t = "피드백 양식", s = "피드백 보내기", r = "피드백을 주셔서 감사합니다!", n = "오류가 발생했습니다. 다시 시도하거나 {email}으로 문의해 주세요.", i = {
+  leaveFeedback: e,
+  learnMore: a,
+  formTitle: t,
+  submitButton: s,
+  successMessage: r,
+  errorMessage: n,
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Enter 키로 별점을 선택하세요",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "내 평점: {selectedRating}/{max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "평가하지 않음",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating}/{max}"
+};
+export {
+  i as default,
+  n as errorMessage,
+  t as formTitle,
+  a as learnMore,
+  e as leaveFeedback,
+  s as submitButton,
+  r as successMessage
+};

package/lib/esm/translations/nl.json.mjs

@@ -0,0 +1,21 @@
+const e = "Feedback geven", t = "Lees meer", a = "Feedback formulier", r = "Feedback sturen", n = "Bedankt voor je feedback!", i = "Er is iets fout gegaan. Probeer het opnieuw of neem contact met ons op via {email}.", s = {
+  leaveFeedback: e,
+  learnMore: t,
+  formTitle: a,
+  submitButton: r,
+  successMessage: n,
+  errorMessage: i,
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Druk op Enter om de beoordeling te selecteren",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Jouw beoordeling: {selectedRating} uit {max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Niet ingesteld",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} uit {max}"
+};
+export {
+  s as default,
+  i as errorMessage,
+  a as formTitle,
+  t as learnMore,
+  e as leaveFeedback,
+  r as submitButton,
+  n as successMessage
+};

package/lib/esm/translations/pl.json.mjs

@@ -0,0 +1,21 @@
+const e = "Wyślij opinię", a = "Dowiedz się więcej", i = "Formularz opinii", t = "Wyślij opinię", n = "Dziękujemy za opinię!", o = "Coś poszło nie tak. Spróbuj ponownie lub skontaktuj się z nami pod adresem {email}.", s = {
+  leaveFeedback: e,
+  learnMore: a,
+  formTitle: i,
+  submitButton: t,
+  successMessage: n,
+  errorMessage: o,
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Naciśnij Enter, aby wybrać ocenę",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Twoja ocena: {selectedRating} z {max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Nie ustawiono",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} z {max}"
+};
+export {
+  s as default,
+  o as errorMessage,
+  i as formTitle,
+  a as learnMore,
+  e as leaveFeedback,
+  t as submitButton,
+  n as successMessage
+};

package/lib/esm/translations/pt.json.mjs

@@ -0,0 +1,21 @@
+const e = "Deixar feedback", a = "Saiba mais", t = "Formulário de comentários", o = "Enviar comentário", i = "Agradecemos pelos comentários!", r = "Algo deu errado. Tente novamente ou entre em contato conosco pelo e-mail {email}.", s = {
+  leaveFeedback: e,
+  learnMore: a,
+  formTitle: t,
+  submitButton: o,
+  successMessage: i,
+  errorMessage: r,
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Pressione Enter para selecionar a classificação",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Sua classificação: {selectedRating} de {max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Não definida",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} de {max}"
+};
+export {
+  s as default,
+  r as errorMessage,
+  t as formTitle,
+  a as learnMore,
+  e as leaveFeedback,
+  o as submitButton,
+  i as successMessage
+};

package/lib/esm/translations/sv.json.mjs

@@ -0,0 +1,21 @@
+const e = "Ge feedback", a = "Läs mer", t = "Feedbackformulär", r = "Skicka feedback", s = "Tack för din feedback!", i = "Något gick fel. Försök igen eller kontakta oss via {email}.", c = {
+  leaveFeedback: e,
+  learnMore: a,
+  formTitle: t,
+  submitButton: r,
+  successMessage: s,
+  errorMessage: i,
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Tryck på Enter för att välja betyg",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Ditt betyg: {selectedRating} av {max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Inget valt",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} av {max}"
+};
+export {
+  c as default,
+  i as errorMessage,
+  t as formTitle,
+  a as learnMore,
+  e as leaveFeedback,
+  r as submitButton,
+  s as successMessage
+};

package/lib/esm/translations/tr.json.mjs

@@ -0,0 +1,21 @@
+const e = "Geri bildirim ver", i = "Daha fazla öğren", a = "Geri bildirim formu", r = "Geri bildirim gönder", n = "Geri bildiriminiz için teşekkür ederiz!", t = "Bir şeyler yanlış gitti. Lütfen tekrar deneyin veya {email} adresinden bizimle iletişime geçin.", l = {
+  leaveFeedback: e,
+  learnMore: i,
+  formTitle: a,
+  submitButton: r,
+  successMessage: n,
+  errorMessage: t,
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Derecelendirmeyi seçmek için Enter tuşuna basın",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Puanınız: {max} üzerinden {selectedRating}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Ayarlanmadı",
+  "FeedbackRating.SliderRating.aria-valuetext": "{max} üzerinden {selectedRating}"
+};
+export {
+  l as default,
+  t as errorMessage,
+  a as formTitle,
+  i as learnMore,
+  e as leaveFeedback,
+  r as submitButton,
+  n as successMessage
+};

package/lib/esm/translations/vi.json.mjs

@@ -0,0 +1,21 @@
+const e = "Gửi góp ý", a = "Tìm hiểu thêm", t = "Biểu mẫu Phản hồi", i = "Gửi góp ý", n = "Cảm ơn góp ý của bạn!", s = "Đã xảy ra sự cố. Hãy thử lại hoặc liên hệ với chúng tôi qua {email}.", c = {
+  leaveFeedback: e,
+  learnMore: a,
+  formTitle: t,
+  submitButton: i,
+  successMessage: n,
+  errorMessage: s,
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Nhấn Enter để chọn đánh giá",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Đánh giá của bạn: {selectedRating}/{max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Chưa chọn",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating}/{max}"
+};
+export {
+  c as default,
+  s as errorMessage,
+  t as formTitle,
+  a as learnMore,
+  e as leaveFeedback,
+  i as submitButton,
+  n as successMessage
+};

package/lib/esm/translations/zh.json.mjs

@@ -0,0 +1,21 @@
+const e = "留言反馈", a = "了解更多", t = "反馈表格", s = "发送反馈", r = "感谢您的反馈！", n = "出错了。请重试或通过 {email} 联系我们。", i = {
+  leaveFeedback: e,
+  learnMore: a,
+  formTitle: t,
+  submitButton: s,
+  successMessage: r,
+  errorMessage: n,
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "按 Enter 选择评级",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "您的评级：{selectedRating} / {max",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "未设置",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} / {max}"
+};
+export {
+  i as default,
+  n as errorMessage,
+  t as formTitle,
+  a as learnMore,
+  e as leaveFeedback,
+  s as submitButton,
+  r as successMessage
+};

package/package.json

@@ -1,35 +1,40 @@
 {
   "name": "@semcore/feedback-form",
   "description": "Semrush Feedback Form Component",
-  "version": "6.39.0-prerelease.4",
+  "version": "6.39.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
+  "exports": {
+    "require": "./lib/cjs/index.js",
+    "import": "./lib/esm/index.mjs",
+    "types": "./lib/types/index.d.ts"
+  },
   "dependencies": {
-    "@semcore/checkbox": "7.44.0-prerelease.4",
-    "@semcore/notice-bubble": "5.52.0-prerelease.4",
-    "@semcore/typography": "5.52.0-prerelease.4",
-    "@semcore/link": "5.44.0-prerelease.4",
-    "@semcore/modal": "4.54.0-prerelease.4",
-    "@semcore/illustration": "2.43.0-prerelease.4",
-    "@semcore/icon": "4.58.0-prerelease.4",
-    "@semcore/textarea": "5.40.0-prerelease.4",
-    "@semcore/input": "4.42.0-prerelease.4",
+    "@semcore/checkbox": "7.44.0",
+    "@semcore/notice-bubble": "5.52.0",
+    "@semcore/typography": "5.52.0",
+    "@semcore/link": "5.44.0",
+    "@semcore/modal": "4.54.0",
+    "@semcore/illustration": "2.43.0",
+    "@semcore/icon": "4.60.0",
+    "@semcore/textarea": "5.40.0",
+    "@semcore/input": "4.42.0",
     "final-form": "4.20.7",
-    "@semcore/button": "5.42.0-prerelease.4",
-    "@semcore/flex-box": "5.41.0-prerelease.4",
-    "@semcore/notice": "5.45.0-prerelease.4",
-    "@semcore/spin-container": "7.41.0-prerelease.4",
-    "@semcore/tooltip": "6.48.0-prerelease.4",
-    "@semcore/utils": "4.47.1-prerelease.4",
+    "@semcore/button": "5.42.0",
+    "@semcore/flex-box": "5.41.0",
+    "@semcore/notice": "5.45.0",
+    "@semcore/spin-container": "7.41.0",
+    "@semcore/tooltip": "6.49.0",
+    "@semcore/utils": "4.48.0",
     "final-form-focus": "1.1.2",
     "react-final-form": "6.5.9"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.0-prerelease.4",
+    "@semcore/core": "^2.17.5",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },
@@ -52,6 +57,6 @@
     }
   },
   "scripts": {
-    "build": "pnpm semcore-builder --source=js,ts"
+    "build": "pnpm semcore-builder --source=js,ts && pnpm vite build"
   }
 }

package/vite.config.ts

@@ -0,0 +1,26 @@
+import { defineConfig, mergeConfig } from 'vite';
+
+import viteConfig from '../../commonVite.config';
+
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    build: {
+      lib: {
+        entry: './src/index.js',
+      },
+      rollupOptions: {
+        external: [
+          'react',
+          'react-dom',
+          'react/jsx-runtime',
+          /@babel\/runtime\/*/,
+          /@semcore\/*/,
+          'final-form',
+          'final-form-focus',
+          'react-final-form',
+        ],
+      },
+    },
+  }),
+);