@semcore/feedback-form 17.2.1 → 17.2.2-prerelease.0

package/lib/esm/FeedbackForm.mjs

@@ -15,17 +15,17 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    `.___SFeedbackForm_18v1z_gg_{max-width:320px}.___SCancel_18v1z_gg_,.___SSubmit_18v1z_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x,8px)}.___SNotice_18v1z_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,8px) var(--intergalactic-surface-rounded,8px)}.___SSuccess_18v1z_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x,40px);box-sizing:border-box;outline-color:#0000}.___SEmail_18v1z_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px));width:80px;height:80px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none' viewBox='0 0 80 80'%3E%3Cpath fill='%2345e0a8' d='M28.163 6a1.57 1.57 0 0 0-1.12.46l-12.91 12.92A34.6 34.6 0 0 0 25.36 75.813a34.6 34.6 0 0 0 37.713-7.503l12.91-12.91a1.58 1.58 0 0 0 .47-1.12V6.89a.9.9 0 0 0-.9-.89z'/%3E%3Cpath fill='%23fff' d='m29 45.285.2.35c6.19-3.45 24.19-13.67 27.53-10.53-1.13-3.1-17.03.33-27.73 10.18M28.44 31.634c-1.81 6-9.21 24.47-13.44 30.31l3 .91 1.58-1.32c4.22-9.55 10-26 10.31-31.46-.5-.26-.96.14-1.45 1.56'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M15 62.008c4.23-5.84 11.63-24.27 13.44-30.34s5.05 6 3.23 11.12'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M28 45.942c10.68-10.36 27.27-14 28.43-10.84.69 1.89-13.43 6.26-18.41 12.32'/%3E%3Cpath fill='%23fff' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M44.45 21.93c-3.24-1.16-8.59-2.89-11.45-3.69 4.12-1.83 37-14 39.67-15.24-.92 4.11-4.92 18.28-6.71 24.93-4.83-1.68-9.73-3.15-12.93-4.19-2 2.65-3.808 5.441-5.41 8.35-1.18-3.86-2.33-8.32-3.17-10.16'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M45 22.08 61.74 11M53 23.73 72.64 3M48 32.58 55.86 25'/%3E%3Cpath fill='%23000' d='m48.23 30.77 3.46-5.64.97-1.13 2.07.61.43-.13-3.36 3.43-2.47 2.27L48 31.29z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M33.81 22 23 27.12M40.89 23 34 27.37M62.04 29 58 38.85'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M46.68 41c3.61 2.42-1.87 8.52-3.68 10.12'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M47.17 44c4.14 2.09 1.16 7.76-1.17 10.6'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78'/%3E%3Cmask id='a' width='73' height='73' x='4' y='6' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%2345dfa7' d='M28.163 6a1.57 1.57 0 0 0-1.12.46l-12.91 12.92A34.6 34.6 0 0 0 25.36 75.813a34.6 34.6 0 0 0 37.713-7.503l12.91-12.91a1.58 1.58 0 0 0 .47-1.12V6.89a.9.9 0 0 0-.9-.89z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23000' d='M5 74.687c2.49-2.34 8.24-11 9.52-13.44 13.66-2.12 20.19 10 20.46 13.52a116 116 0 0 1-7.76 14.13'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M5 74.687c2.49-2.34 8.24-11 9.52-13.44 13.66-2.12 20.19 10 20.46 13.52a116 116 0 0 1-7.76 14.13'/%3E%3C/g%3E%3C/svg%3E")}`,
+    `.___SFeedbackForm_183nj_gg_{max-width:320px}.___SCancel_183nj_gg_,.___SSubmit_183nj_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x,8px)}.___SNotice_183nj_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,8px) var(--intergalactic-surface-rounded,8px)}.___SSuccess_183nj_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x,40px);box-sizing:border-box;outline-color:#0000}.___SEmail_183nj_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px));width:80px;height:80px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none' viewBox='0 0 80 80'%3E%3Cpath fill='%2345e0a8' d='M28.163 6a1.57 1.57 0 0 0-1.12.46l-12.91 12.92A34.6 34.6 0 0 0 25.36 75.813a34.6 34.6 0 0 0 37.713-7.503l12.91-12.91a1.58 1.58 0 0 0 .47-1.12V6.89a.9.9 0 0 0-.9-.89z'/%3E%3Cpath fill='%23fff' d='m29 45.285.2.35c6.19-3.45 24.19-13.67 27.53-10.53-1.13-3.1-17.03.33-27.73 10.18M28.44 31.634c-1.81 6-9.21 24.47-13.44 30.31l3 .91 1.58-1.32c4.22-9.55 10-26 10.31-31.46-.5-.26-.96.14-1.45 1.56'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M15 62.008c4.23-5.84 11.63-24.27 13.44-30.34s5.05 6 3.23 11.12'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M28 45.942c10.68-10.36 27.27-14 28.43-10.84.69 1.89-13.43 6.26-18.41 12.32'/%3E%3Cpath fill='%23fff' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M44.45 21.93c-3.24-1.16-8.59-2.89-11.45-3.69 4.12-1.83 37-14 39.67-15.24-.92 4.11-4.92 18.28-6.71 24.93-4.83-1.68-9.73-3.15-12.93-4.19-2 2.65-3.808 5.441-5.41 8.35-1.18-3.86-2.33-8.32-3.17-10.16'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M45 22.08 61.74 11M53 23.73 72.64 3M48 32.58 55.86 25'/%3E%3Cpath fill='%23000' d='m48.23 30.77 3.46-5.64.97-1.13 2.07.61.43-.13-3.36 3.43-2.47 2.27L48 31.29z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M33.81 22 23 27.12M40.89 23 34 27.37M62.04 29 58 38.85'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M46.68 41c3.61 2.42-1.87 8.52-3.68 10.12'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M47.17 44c4.14 2.09 1.16 7.76-1.17 10.6'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78'/%3E%3Cmask id='a' width='73' height='73' x='4' y='6' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%2345dfa7' d='M28.163 6a1.57 1.57 0 0 0-1.12.46l-12.91 12.92A34.6 34.6 0 0 0 25.36 75.813a34.6 34.6 0 0 0 37.713-7.503l12.91-12.91a1.58 1.58 0 0 0 .47-1.12V6.89a.9.9 0 0 0-.9-.89z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23000' d='M5 74.687c2.49-2.34 8.24-11 9.52-13.44 13.66-2.12 20.19 10 20.46 13.52a116 116 0 0 1-7.76 14.13'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M5 74.687c2.49-2.34 8.24-11 9.52-13.44 13.66-2.12 20.19 10 20.46 13.52a116 116 0 0 1-7.76 14.13'/%3E%3C/g%3E%3C/svg%3E")}`,
     /*__inner_css_end__*/
-    "18v1z_gg_"
+    "183nj_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SFeedbackForm": "___SFeedbackForm_18v1z_gg_",
-    "__SSubmit": "___SSubmit_18v1z_gg_",
-    "__SCancel": "___SCancel_18v1z_gg_",
-    "__SNotice": "___SNotice_18v1z_gg_",
-    "__SSuccess": "___SSuccess_18v1z_gg_",
-    "__SEmail": "___SEmail_18v1z_gg_"
+    "__SFeedbackForm": "___SFeedbackForm_183nj_gg_",
+    "__SSubmit": "___SSubmit_183nj_gg_",
+    "__SCancel": "___SCancel_183nj_gg_",
+    "__SNotice": "___SNotice_183nj_gg_",
+    "__SSuccess": "___SSuccess_183nj_gg_",
+    "__SEmail": "___SEmail_183nj_gg_"
   })
 );
 class FeedbackForm extends Component {
@@ -131,14 +131,12 @@ function Notice(props) {
   var _ref3 = arguments[0], _ref7;
   const {
     styles,
-    theme = "muted",
-    use = "secondary"
+    theme = "muted"
   } = props;
   const SNotice = NoticeSmart;
   return _ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(SNotice, _ref7.cn("SNotice", {
     ...assignProps({
-      "use:theme": theme,
-      "use:use": use
+      "use:theme": theme
     }, _ref3)
   }));
 }

package/lib/esm/FeedbackForm.type.mjs

@@ -0,0 +1 @@
+

package/lib/esm/{component/feedback-rating/FeedbackRating.mjs → FeedbackRating.mjs}

@@ -18,23 +18,23 @@ import { Text } from "@semcore/typography";
 import createFocusDecorator from "final-form-focus";
 import React from "react";
 import { Field, Form } from "react-final-form";
-import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
-import CheckboxButton from "../checkbox-button/CheckboxButton.mjs";
-import { FeedbackItem } from "../feedback-item/FeedbackItem.mjs";
-import SliderRating from "../slider-rating/SliderRating.mjs";
-import { SubmitButton } from "../submit-button/SubmitButton.mjs";
-/*!__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
+import CheckboxButton from "./component/checkbox-button/CheckboxButton.mjs";
+import { FeedbackItem } from "./component/feedback-item/FeedbackItem.mjs";
+import SliderRating from "./component/slider-rating/SliderRating.mjs";
+import { SubmitButton } from "./component/submit-button/SubmitButton.mjs";
+import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
+/*!__reshadow-styles__:"./style/feedback-rating.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SFeedbackRating_yl2ph_gg_ ul{margin:0;padding:0}.___SFeedbackRating_yl2ph_gg_ :is(li,ul){list-style:none}.___SFeedbackRating_yl2ph_gg_ .___SHeader_yl2ph_gg_{font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%);font-weight:var(--intergalactic-bold,700);margin:var(--intergalactic-spacing-4x,16px) 0;text-align:center}",
+    ".___SFeedbackRating_166mb_gg_ ul{margin:0;padding:0}.___SFeedbackRating_166mb_gg_ :is(li,ul){list-style:none}.___SFeedbackRating_166mb_gg_ .___SHeader_166mb_gg_{font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%);font-weight:var(--intergalactic-bold,700);margin:var(--intergalactic-spacing-4x,16px) 0;text-align:center}",
     /*__inner_css_end__*/
-    "yl2ph_gg_"
+    "166mb_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SFeedbackRating": "___SFeedbackRating_yl2ph_gg_",
-    "__SHeader": "___SHeader_yl2ph_gg_"
+    "__SFeedbackRating": "___SFeedbackRating_166mb_gg_",
+    "__SHeader": "___SHeader_166mb_gg_"
   })
 );
 class FeedbackRatingRoot extends Component {
@@ -68,7 +68,7 @@ class FeedbackRatingRoot extends Component {
       }) => /* @__PURE__ */ React.createElement(FeedbackRating.Checkbox, _extends({}, input, {
         id: config.key,
         label: config.label,
-        onChange: (_checked, e) => input.onChange(e),
+        onChange: (_, e) => input.onChange(e),
         focused: index === 0
       })));
     });
@@ -281,8 +281,6 @@ class FeedbackRatingRoot extends Component {
         "mt": 4,
         "mb": 4
       }), /* @__PURE__ */ React.createElement(SemcoreNotice.Label, null, /* @__PURE__ */ React.createElement(WarnM, _ref5.cn("WarnM", {}))), /* @__PURE__ */ React.createElement(SemcoreNotice.Content, null, getI18nText("errorMessage", {
-        // todo: Brauer Ilia - think how to fix type
-        // @ts-ignore
         email: /* @__PURE__ */ React.createElement(Link, _ref5.cn("Link", {
           "href": `mailto:${errorFeedbackEmail}`
         }), errorFeedbackEmail)

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

@@ -8,13 +8,13 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SCheckboxButton_11m4t_gg_{margin-top:var(--intergalactic-spacing-2x,8px);border:1px solid var(--intergalactic-border-primary,#000c0829);border-radius:var(--intergalactic-rounded-medium,6px)}@media (color-gamut:p3){.___SCheckboxButton_11m4t_gg_{border:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SCheckboxButton_11m4t_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x,12px);box-sizing:border-box}.___SCheckboxButton_11m4t_gg_.__checked_11m4t_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2));background-color:#008ff81a}@media (hover:hover){.___SCheckboxButton_11m4t_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2));background-color:#008ff81a}.___SCheckboxButton_11m4t_gg_.__checked_11m4t_gg_:hover{background-color:#008ff833}}",
+    ".___SCheckboxButton_14mjy_gg_{margin-top:var(--intergalactic-spacing-2x,8px);border:1px solid var(--intergalactic-border-primary,#000c0829);border-radius:var(--intergalactic-rounded-medium,6px)}@media (color-gamut:p3){.___SCheckboxButton_14mjy_gg_{border:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SCheckboxButton_14mjy_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x,12px);box-sizing:border-box}.___SCheckboxButton_14mjy_gg_.__checked_14mjy_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2));background-color:#008ff81a}@media (hover:hover){.___SCheckboxButton_14mjy_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2));background-color:#008ff81a}.___SCheckboxButton_14mjy_gg_.__checked_14mjy_gg_:hover{background-color:#008ff833}}",
     /*__inner_css_end__*/
-    "11m4t_gg_"
+    "14mjy_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SCheckboxButton": "___SCheckboxButton_11m4t_gg_",
-    "_checked": "__checked_11m4t_gg_"
+    "__SCheckboxButton": "___SCheckboxButton_14mjy_gg_",
+    "_checked": "__checked_14mjy_gg_"
   })
 );
 class CheckboxButtonRoot extends Component {

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

@@ -33,29 +33,32 @@ function FeedbackItem({
       "aria-describedby": meta.active ? errorState ? popperId : ariaDescribedBy : void 0
     }, input);
     if (meta?.error) lastErrorRef.current = meta.error;
-    return /* @__PURE__ */ React.createElement(Tooltip, _extends({
-      visible: errorState && meta.active,
-      theme: "warning",
-      placement: "left",
-      flip: {
-        fallbackPlacements: ["right", "bottom"]
-      }
-    }, tooltipProps), /* @__PURE__ */ React.createElement(Tooltip.Trigger, _extends({
-      inline: false,
-      role: void 0,
-      tag
-    }, tag ? inputProps : {}, {
-      __excludeProps: ["type", "aria-describedby"],
-      onKeyDown: () => false
-      // as this is controlled tooltip, we shouldn't stopPropagation for keyboard Escape events.
-    }), typeof Children.origin === "function" && Children.origin({
-      input: inputProps,
-      meta,
-      ...other
-    })), /* @__PURE__ */ React.createElement(Tooltip.Popper, {
-      w: "100%",
-      id: popperId
-    }, meta.error ?? lastErrorRef.current));
+    return (
+      // @ts-ignore
+      /* @__PURE__ */ React.createElement(Tooltip, _extends({
+        visible: errorState && meta.active,
+        theme: "warning",
+        placement: "left",
+        flip: {
+          fallbackPlacements: ["right", "bottom"]
+        }
+      }, tooltipProps), /* @__PURE__ */ React.createElement(Tooltip.Trigger, _extends({
+        inline: false,
+        role: void 0,
+        tag
+      }, tag ? inputProps : {}, {
+        __excludeProps: ["type", "aria-describedby"],
+        onKeyDown: () => false
+        // as this is controlled tooltip, we shouldn't stopPropagation for keyboard Escape events.
+      }), typeof Children.origin === "function" && Children.origin({
+        input: inputProps,
+        meta,
+        ...other
+      })), /* @__PURE__ */ React.createElement(Tooltip.Popper, {
+        w: "100%",
+        id: popperId
+      }, meta.error ?? lastErrorRef.current))
+    );
   });
 }
 FeedbackItem.enhance = [uniqueIDEnhancement()];

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

@@ -10,16 +10,16 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SSliderRating_kfmw6_gg_ .___SStar_kfmw6_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_kfmw6_gg_:focus-visible .___SStar_kfmw6_gg_.__hovered_kfmw6_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_kfmw6_gg_ .___SStar_kfmw6_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_kfmw6_gg_.__readonly_kfmw6_gg_ .___SStar_kfmw6_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_kfmw6_gg_.__filled_kfmw6_gg_:active{animation:wobble .8s ease-in-out}.___SStar_kfmw6_gg_ path{fill:var(--intergalactic-slider-rating-normal,oklch(.7 .003 162.2))}.___SStar_kfmw6_gg_.__filled_kfmw6_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active,oklch(.66 .212 300.1))}",
+    ".___SSliderRating_1pies_gg_ .___SStar_1pies_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_1pies_gg_:focus-visible .___SStar_1pies_gg_.__hovered_1pies_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_1pies_gg_ .___SStar_1pies_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_1pies_gg_.__readonly_1pies_gg_ .___SStar_1pies_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_1pies_gg_.__filled_1pies_gg_:active{animation:wobble .8s ease-in-out}.___SStar_1pies_gg_ path{fill:var(--intergalactic-slider-rating-normal,oklch(.7 .003 162.2))}.___SStar_1pies_gg_.__filled_1pies_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active,oklch(.66 .212 300.1))}",
     /*__inner_css_end__*/
-    "kfmw6_gg_"
+    "1pies_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SSliderRating": "___SSliderRating_kfmw6_gg_",
-    "__SStar": "___SStar_kfmw6_gg_",
-    "_hovered": "__hovered_kfmw6_gg_",
-    "_readonly": "__readonly_kfmw6_gg_",
-    "_filled": "__filled_kfmw6_gg_"
+    "__SSliderRating": "___SSliderRating_1pies_gg_",
+    "__SStar": "___SStar_1pies_gg_",
+    "_hovered": "__hovered_1pies_gg_",
+    "_readonly": "__readonly_1pies_gg_",
+    "_filled": "__filled_1pies_gg_"
   })
 );
 const MIN = 1;

package/lib/esm/index.mjs

@@ -1,5 +1,6 @@
-import { default as default2 } from "./component/feedback-rating/FeedbackRating.mjs";
+import { default as default2 } from "./FeedbackRating.mjs";
 import { default as default3 } from "./FeedbackForm.mjs";
+import "./FeedbackForm.type.mjs";
 export {
   default2 as FeedbackRating,
   default3 as default

package/lib/types/FeedbackForm.d.ts

@@ -0,0 +1,8 @@
+import type { NSFeedbackForm } from './FeedbackForm.type';
+/**
+ * FeedbackForm
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/feedback-form/feedback-form-api/|API} | {@link https://developer.semrush.com/intergalactic/components/feedback-form/feedback-form-code/|Examples}
+ */
+declare const _default: NSFeedbackForm.Component;
+export default _default;

package/lib/types/FeedbackForm.type.d.ts

@@ -0,0 +1,53 @@
+import type { Box } from '@semcore/base-components';
+import type Button from '@semcore/button';
+import type { Intergalactic } from '@semcore/core';
+import type { NoticeSmart } from '@semcore/notice';
+import type { FormProps } from 'react-final-form';
+import type { NSFeedbackItem } from './component/feedback-item/FeedbackItem.type';
+import type { NSSubmitButton } from './component/submit-button/SubmitButton.type';
+declare namespace NSFeedbackForm {
+    type Props = Intergalactic.InternalTypings.RemoveIndexSignature<FormProps> & {
+        /** The event is called when the form is submitted */
+        onSubmit: (values: any, form: any, callback?: (errors?: {}) => void) => {} | Promise<{}> | void;
+        /**
+         * The property is in charge of the spinner showing
+         * */
+        loading?: boolean;
+        /**
+         * Color of container spinner; you can use your own color
+         */
+        background?: string;
+        /** Spinner theme. There are several default themes or you can use your own color
+         * @default dark
+         **/
+        theme?: 'dark' | 'invert' | string;
+    };
+    type DefaultProps = {
+        onSubmit: () => void;
+    };
+    namespace Item {
+        type Component = NSFeedbackItem.Component;
+    }
+    namespace Success {
+        type Component = typeof Box;
+    }
+    namespace Submit {
+        type Component = NSSubmitButton.Component;
+    }
+    namespace Cancel {
+        type Component = typeof Button;
+    }
+    namespace Notice {
+        type Component = typeof NoticeSmart;
+    }
+    type Component = Intergalactic.Component<'form', Props> & {
+        Item: Item.Component;
+        Success: Success.Component;
+        Submit: Submit.Component;
+        Cancel: Cancel.Component;
+        Notice: Notice.Component;
+    };
+}
+/** @deprecated It will be removed in v18. */
+export type FeedbackFormProps = NSFeedbackForm.Props;
+export type { NSFeedbackForm };

package/lib/types/FeedbackRating.d.ts

@@ -0,0 +1,8 @@
+import type { NSFeedbackRating } from './FeedbackRating.type';
+/**
+ * FeedbackRating
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/feedback-form/feedback-form-api#feedbackform-feedbackrating|API} | {@link https://developer.semrush.com/intergalactic/components/feedback-form/feedback-form-code/|Examples}
+ */
+declare const FeedbackRating: NSFeedbackRating.Component;
+export default FeedbackRating;

package/lib/types/FeedbackRating.type.d.ts

@@ -0,0 +1,93 @@
+import type { Intergalactic } from '@semcore/core';
+import type { IllustrationProps } from '@semcore/illustration';
+import type Notice from '@semcore/notice';
+import type { Text } from '@semcore/typography';
+import type React from 'react';
+import type { NSCheckboxButton } from './component/checkbox-button/CheckboxButton.type';
+import type { NSFeedbackItem } from './component/feedback-item/FeedbackItem.type';
+import type { NSSubmitButton } from './component/submit-button/SubmitButton.type';
+import type { NSFeedbackForm } from './FeedbackForm.type';
+import type { LocalizedMessages } from './translations/__intergalactic-dynamic-locales';
+declare namespace NSFeedbackRating {
+    type Props = Intergalactic.InternalTypings.EfficientOmit<NSFeedbackForm.Props, 'initialValues' | 'loading'> & {
+        /** Status of form */
+        status: 'default' | 'success' | 'error' | 'loading';
+        /** Flag for show/hide notification */
+        notificationVisible: boolean;
+        /** Notification close callback */
+        onNotificationClose: () => void;
+        /** Text in notification panel */
+        notificationText: string;
+        /** Title in notification panel */
+        notificationTitle?: string;
+        /** Optional link in notification panel */
+        learnMoreLink?: string;
+        /** Rating value */
+        rating: number;
+        /** Visible modal form flag */
+        visible: boolean;
+        /** Visibility changes callback */
+        onVisibleChange: (visible: boolean, rating: number) => void;
+        /** Width for modal with form */
+        modalWidth?: number | string;
+        /** Header of modal with form */
+        header: React.ReactNode;
+        /** Text for submit button of form */
+        submitText?: string;
+        /** Config for form fields */
+        formConfig: NSFeedbackRating.FormConfigItem[];
+        /** Initial form values including rating */
+        initialValues: Record<string, any> & {
+            rating: number;
+        };
+        /** Email address shown in error messages */
+        errorFeedbackEmail: string;
+        /** Specifies the locale for i18n support */
+        locale?: string;
+        /** Illustration element */
+        Illustration?: Intergalactic.Component<'svg', IllustrationProps>;
+        /** Notice component */
+        Notice?: typeof Notice;
+    };
+    type DefaultProps = {
+        onSubmit: () => void;
+        i18n: LocalizedMessages;
+        locale: 'en';
+        Illustration: Props['Illustration'];
+        Notice: Props['Notice'];
+    };
+    type State = {
+        error: boolean;
+    };
+    type FormConfigItem = {
+        key: string;
+        label: React.ReactNode;
+        type: 'input' | 'checkbox' | 'textarea' | 'email';
+        description?: React.ReactNode;
+        validate?: (value: any) => Error | string | undefined;
+    };
+    namespace Item {
+        type Component = NSFeedbackItem.Component;
+    }
+    namespace Submit {
+        type Component = NSSubmitButton.Component;
+    }
+    namespace Checkbox {
+        type Component = NSCheckboxButton.Component;
+    }
+    namespace Header {
+        type Component = typeof Text;
+    }
+    type Validate = {
+        description: (error: string | Error) => (value?: string) => string | Error | undefined;
+        email: (error: string | Error) => (value?: string) => string | Error | undefined;
+    };
+    type Component = Intergalactic.Component<'form', Props> & {
+        validate: Validate;
+        Item: Item.Component;
+        Submit: Submit.Component;
+        Checkbox: Checkbox.Component;
+        Header: Header.Component;
+    };
+}
+export type { NSFeedbackRating };

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

@@ -1,3 +1,3 @@
-import type { FeedbackRatingCheckboxComponent } from '../feedback-rating/FeedbackRating.type';
-declare const CheckboxButton: FeedbackRatingCheckboxComponent;
+import type { NSCheckboxButton } from './CheckboxButton.type';
+declare const CheckboxButton: NSCheckboxButton.Component;
 export default CheckboxButton;

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

@@ -0,0 +1,11 @@
+import type { NSCheckbox } from '@semcore/checkbox';
+import type { Intergalactic } from '@semcore/core';
+import type React from 'react';
+declare namespace NSCheckboxButton {
+    type Props = Omit<NSCheckbox.Props, 'label'> & {
+        focused: boolean;
+        label: React.ReactNode;
+    };
+    type Component = Intergalactic.Component<'div', Props>;
+}
+export type { NSCheckboxButton };

package/lib/types/component/feedback-item/FeedbackItem.d.ts

@@ -1,5 +1,9 @@
+import type { Intergalactic } from '@semcore/core';
 import React from 'react';
-export declare function FeedbackItem({ Children, tag, uid, tooltipProps: tooltipPropsList, ...props }: any): React.JSX.Element;
+import type { NSFeedbackItem } from './FeedbackItem.type';
+export declare function FeedbackItem({ Children, tag, uid, tooltipProps: tooltipPropsList, ...props }: Intergalactic.InternalTypings.InferComponentProps<NSFeedbackItem.Component> & {
+    tag: Intergalactic.InternalTypings.ComponentTag;
+}): React.JSX.Element;
 export declare namespace FeedbackItem {
     var enhance: ((props: any) => {
         uid: ReturnType<typeof import("@semcore/core/lib/utils/uniqueID").useUID>;

package/lib/types/component/feedback-item/FeedbackItem.type.d.ts

@@ -0,0 +1,22 @@
+import type { Intergalactic } from '@semcore/core';
+import type { TooltipProps } from '@semcore/tooltip';
+import type { FieldProps, FieldInputProps, FieldMetaState } from 'react-final-form';
+import type { NSFeedbackForm } from '../../FeedbackForm.type';
+declare namespace NSFeedbackItem {
+    type Props = Intergalactic.InternalTypings.RemoveIndexSignature<FieldProps<any, any>> & TooltipProps & {
+        /**
+         * Allows to override which passed props will be passed to the Tooltip component.
+         */
+        tooltipProps?: string[];
+        /** Defines whether to validate item on blur */
+        validateOnBlur?: NSFeedbackForm.Props['validateOnBlur'];
+    };
+    type Ctx = {
+        input: FieldInputProps<any> & {
+            state: 'normal' | 'invalid';
+        };
+        meta: FieldMetaState<any>;
+    };
+    type Component = Intergalactic.Component<'div', Props, Ctx>;
+}
+export type { NSFeedbackItem };

package/lib/types/component/slider-rating/SliderRating.d.ts

@@ -1,15 +1,3 @@
-import { Flex, Box, type BoxProps } from '@semcore/base-components';
-import { type Intergalactic } from '@semcore/core';
-type SliderRatingProps = {
-    value: number;
-    onChange?: (value: number) => void;
-    readonly?: boolean;
-};
-type StarProps = BoxProps & {
-    filled?: boolean;
-};
-type SliderRatingComponent = Intergalactic.Component<typeof Flex, SliderRatingProps> & {
-    Star: Intergalactic.Component<typeof Box, StarProps>;
-};
-declare const SliderRating: SliderRatingComponent;
+import type { NSSliderRating } from './SliderRating.type';
+declare const SliderRating: NSSliderRating.Component;
 export default SliderRating;

package/lib/types/component/slider-rating/SliderRating.type.d.ts

@@ -0,0 +1,28 @@
+import type { Flex, Box } from '@semcore/base-components';
+import type { Intergalactic } from '@semcore/core';
+import type { LocalizedMessages } from '../../translations/__intergalactic-dynamic-locales';
+declare namespace NSSliderRating {
+    type Props = {
+        value: number;
+        onChange?: (value: number) => void;
+        readonly?: boolean;
+    };
+    type DefaultProps = {
+        i18n: LocalizedMessages;
+        locale: 'en';
+    };
+    type State = {
+        hoveredIndex: number;
+        clickedIndex: number;
+    };
+    namespace Star {
+        type Props = {
+            filled?: boolean;
+        };
+        type Component = Intergalactic.Component<typeof Box, Props>;
+    }
+    type Component = Intergalactic.Component<typeof Flex, Props> & {
+        Star: Star.Component;
+    };
+}
+export type { NSSliderRating };

package/lib/types/component/submit-button/SubmitButton.d.ts

@@ -1,3 +1,4 @@
-import { type IRootComponentProps } from '@semcore/core';
+import type { Intergalactic } from '@semcore/core';
 import React from 'react';
-export declare function SubmitButton(props: IRootComponentProps): React.ReactNode;
+import type { NSSubmitButton } from './SubmitButton.type';
+export declare function SubmitButton(props: Intergalactic.InternalTypings.InferComponentProps<NSSubmitButton.Component>): React.ReactNode;

package/lib/types/component/submit-button/SubmitButton.type.d.ts

@@ -0,0 +1,5 @@
+import type Button from '@semcore/button';
+declare namespace NSSubmitButton {
+    type Component = typeof Button;
+}
+export type { NSSubmitButton };

package/lib/types/index.d.ts

@@ -1,40 +1,4 @@
-import type { Box } from '@semcore/base-components';
-import type Button from '@semcore/button';
-import type { Intergalactic } from '@semcore/core';
-import type { NoticeSmart } from '@semcore/notice';
-import type { FormProps, FieldProps, FieldInputProps, FieldMetaState } from 'react-final-form';
-
-import { default as FeedbackRating } from './component/feedback-rating/FeedbackRating';
-
-export type FeedbackFormProps = FormProps & {
-  /** The event is called when the form is submitted */
-  onSubmit: (values: any, form: any, callback?: (errors?: {}) => void) => {} | Promise<{}> | void;
-  /**
-   * The property is in charge of the spinner showing
-   * */
-  loading?: boolean;
-  /**
-   * Color of container spinner; you can use your own color
-   */
-  background?: string;
-  /** Spinner theme. There are several default themes or you can use your own color
-   * @default dark
-   **/
-  theme?: 'dark' | 'invert' | string;
-};
-
-declare const FeedbackForm: Intergalactic.Component<'form', FeedbackFormProps> & {
-  Item: Intergalactic.Component<
-    'div',
-    FieldProps<any, any>,
-    { input: FieldInputProps<any> & { state: 'normal' | 'invalid' }; meta: FieldMetaState<any> }
-  >;
-  Success: typeof Box;
-  Submit: typeof Button;
-  Cancel: typeof Button;
-  Notice: typeof NoticeSmart;
-};
-
-export default FeedbackForm;
-
+import { default as FeedbackRating } from './FeedbackRating';
+export { default } from './FeedbackForm';
+export * from './FeedbackForm.type';
 export { FeedbackRating };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/feedback-form",
   "description": "Semrush Feedback Form Component",
-  "version": "17.2.1",
+  "version": "17.2.2-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -18,13 +18,13 @@
     "@semcore/notice-bubble": "^17.2.1",
     "@semcore/typography": "^17.2.1",
     "@semcore/link": "^17.2.1",
-    "@semcore/modal": "^17.2.1",
+    "@semcore/modal": "^17.2.2-prerelease.0",
     "@semcore/illustration": "^17.0.1",
-    "@semcore/textarea": "^17.2.1",
-    "@semcore/input": "^17.2.1",
+    "@semcore/textarea": "^17.2.2-prerelease.0",
+    "@semcore/input": "^17.2.2-prerelease.0",
     "final-form": "4.20.7",
     "@semcore/button": "^17.2.1",
-    "@semcore/notice": "^17.2.1",
+    "@semcore/notice": "^17.2.2-prerelease.0",
     "@semcore/spin-container": "^17.2.1",
     "@semcore/tooltip": "^17.2.1",
     "final-form-focus": "1.1.2",
@@ -55,6 +55,6 @@
     }
   },
   "scripts": {
-    "build": "pnpm semcore-builder --source=js,ts && pnpm vite build"
+    "build": "pnpm semcore-builder && pnpm vite build"
   }
 }

package/vite.config.ts

@@ -7,7 +7,7 @@ export default mergeConfig(
   defineConfig({
     build: {
       lib: {
-        entry: './src/index.js',
+        entry: './src/index.ts',
       },
       rollupOptions: {
         external: [

package/vitest.config.mts

@@ -9,7 +9,7 @@ export default defineConfig({
   resolve: vitestResolve,
   test: {
     include: [
-      '__tests__/**/*.test.jsx',
+      '__tests__/**/*.test.tsx',
     ],
     environment: 'jsdom',
     setupFiles: [resolvePath(__dirname, '../../tools/testing-utils/setupTests')],