@semcore/feedback-form 16.2.0 → 17.0.0-prerelease.18

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

@@ -1,162 +1,170 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, assignProps, sstyled, Component } from "@semcore/core";
+import { createComponent, Component, assignProps, sstyled } from "@semcore/core";
+import { Flex, Box } from "@semcore/base-components";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
-import { Flex, Box } from "@semcore/flex-box";
 import React from "react";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
 /*!__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
-var style = (
+const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SSliderRating_10obr_gg_ .___SStar_10obr_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_10obr_gg_:focus-visible .___SStar_10obr_gg_.__hovered_10obr_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_10obr_gg_ .___SStar_10obr_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_10obr_gg_.__readonly_10obr_gg_ .___SStar_10obr_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_10obr_gg_.__filled_10obr_gg_:active{animation:wobble .8s ease-in-out}.___SStar_10obr_gg_ path{fill:var(--intergalactic-slider-rating-normal, #a9abb6)}.___SStar_10obr_gg_.__filled_10obr_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}",
+    ".___SSliderRating_wx4t1_gg_ .___SStar_wx4t1_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_wx4t1_gg_:focus-visible .___SStar_wx4t1_gg_.__hovered_wx4t1_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_wx4t1_gg_ .___SStar_wx4t1_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_wx4t1_gg_.__readonly_wx4t1_gg_ .___SStar_wx4t1_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_wx4t1_gg_.__filled_wx4t1_gg_:active{animation:wobble .8s ease-in-out}.___SStar_wx4t1_gg_ path{fill:var(--intergalactic-slider-rating-normal, #a9abb6)}.___SStar_wx4t1_gg_.__filled_wx4t1_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}",
     /*__inner_css_end__*/
-    "10obr_gg_"
+    "wx4t1_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SSliderRating": "___SSliderRating_10obr_gg_",
-    "__SStar": "___SStar_10obr_gg_",
-    "_hovered": "__hovered_10obr_gg_",
-    "_readonly": "__readonly_10obr_gg_",
-    "_filled": "__filled_10obr_gg_"
+    "__SSliderRating": "___SSliderRating_wx4t1_gg_",
+    "__SStar": "___SStar_wx4t1_gg_",
+    "_hovered": "__hovered_wx4t1_gg_",
+    "_readonly": "__readonly_wx4t1_gg_",
+    "_filled": "__filled_wx4t1_gg_"
   })
 );
-var MIN = 1;
-var MAX = 5;
-var SliderRatingRoot = /* @__PURE__ */ (function(_Component) {
-  function SliderRatingRoot2() {
-    var _this;
-    _classCallCheck(this, SliderRatingRoot2);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, SliderRatingRoot2, [].concat(args));
-    _defineProperty(_this, "state", {
+const MIN = 1;
+const MAX = 5;
+class SliderRatingRoot extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "state", {
       hoveredIndex: -1,
       clickedIndex: -1
     });
-    _defineProperty(_this, "handleClick", function(newValue) {
-      return function(_e) {
-        var readonly = _this.asProps.readonly;
-        if (!readonly) {
-          _this.setValue(newValue);
-        }
-      };
+    _defineProperty(this, "handleClick", (newValue) => (_e) => {
+      const {
+        readonly
+      } = this.asProps;
+      if (!readonly) {
+        this.setValue(newValue);
+      }
     });
-    _defineProperty(_this, "handleMouseEnder", function(index) {
-      return function() {
-        _this.setState({
-          hoveredIndex: index
-        });
-      };
+    _defineProperty(this, "handleMouseEnder", (index) => () => {
+      this.setState({
+        hoveredIndex: index
+      });
     });
-    _defineProperty(_this, "handleMouseLeave", function() {
-      _this.setState({
+    _defineProperty(this, "handleMouseLeave", () => {
+      this.setState({
         hoveredIndex: -1
       });
     });
-    _defineProperty(_this, "setValue", function(newValue) {
-      var _this$asProps = _this.asProps, onChange = _this$asProps.onChange, value = _this$asProps.value;
+    _defineProperty(this, "setValue", (newValue) => {
+      const {
+        onChange,
+        value
+      } = this.asProps;
       if (onChange) {
         onChange(newValue);
       }
       if (newValue <= value) {
-        _this.setState({
+        this.setState({
           clickedIndex: newValue,
           hoveredIndex: -1
         });
       } else {
-        _this.setState({
+        this.setState({
           clickedIndex: -1,
           hoveredIndex: -1
         });
       }
     });
-    _defineProperty(_this, "handleKeyDown", function(event) {
+    _defineProperty(this, "handleKeyDown", (event) => {
       if (!["ArrowLeft", "ArrowRight", "Enter"].includes(event.key)) return;
       event.preventDefault();
       if (event.key === "Enter") {
-        var hoveredIndex = _this.state.hoveredIndex;
-        _this.setValue(hoveredIndex + 1);
+        const {
+          hoveredIndex
+        } = this.state;
+        this.setValue(hoveredIndex + 1);
       } else {
-        var value = _this.asProps.value;
-        var _hoveredIndex = _this.state.hoveredIndex;
-        var direction = event.key === "ArrowLeft" ? -1 : 1;
-        var newValue = _hoveredIndex === -1 ? value + direction : _hoveredIndex + 1 + direction;
+        const {
+          value
+        } = this.asProps;
+        const {
+          hoveredIndex
+        } = this.state;
+        const direction = event.key === "ArrowLeft" ? -1 : 1;
+        let newValue = hoveredIndex === -1 ? value + direction : hoveredIndex + 1 + direction;
         if (newValue > MAX) newValue = MAX;
         if (newValue < MIN) newValue = MIN;
-        _this.setState({
+        this.setState({
           hoveredIndex: newValue - 1
         });
       }
     });
-    return _this;
   }
-  _inherits(SliderRatingRoot2, _Component);
-  return _createClass(SliderRatingRoot2, [{
-    key: "getStarProps",
-    value: function getStarProps(_, index) {
-      var _this$asProps2 = this.asProps, value = _this$asProps2.value, readonly = _this$asProps2.readonly;
-      var hoveredIndex = this.state.hoveredIndex;
-      return {
-        filled: value ? index + 1 <= value || index <= hoveredIndex : index <= hoveredIndex,
-        onClick: this.handleClick(index + 1),
-        onMouseEnter: readonly ? void 0 : this.handleMouseEnder(index),
-        hovered: hoveredIndex === index
-      };
+  getStarProps(_, index) {
+    const {
+      value,
+      readonly
+    } = this.asProps;
+    const {
+      hoveredIndex
+    } = this.state;
+    return {
+      filled: value ? index + 1 <= value || index <= hoveredIndex : index <= hoveredIndex,
+      onClick: this.handleClick(index + 1),
+      onMouseEnter: readonly ? void 0 : this.handleMouseEnder(index),
+      hovered: hoveredIndex === index
+    };
+  }
+  getLabelText() {
+    const {
+      hoveredIndex
+    } = this.state;
+    const {
+      readonly,
+      value,
+      getI18nText
+    } = this.asProps;
+    if (readonly) {
+      return getI18nText("FeedbackRating.SliderRating.aria-valuetext.readonly", {
+        selectedRating: value,
+        max: MAX
+      });
     }
-  }, {
-    key: "getLabelText",
-    value: function getLabelText() {
-      var hoveredIndex = this.state.hoveredIndex;
-      var _this$asProps3 = this.asProps, readonly = _this$asProps3.readonly, value = _this$asProps3.value, getI18nText = _this$asProps3.getI18nText;
-      if (readonly) {
-        return getI18nText("FeedbackRating.SliderRating.aria-valuetext.readonly", {
-          selectedRating: value,
-          max: MAX
-        });
-      }
-      if (value) {
-        var selectedRating = hoveredIndex > -1 ? hoveredIndex + 1 : value;
-        return getI18nText("FeedbackRating.SliderRating.aria-valuetext", {
-          selectedRating,
-          max: MAX
-        });
-      }
-      return hoveredIndex === -1 ? getI18nText("FeedbackRating.SliderRating.aria-valuetext.empty") : getI18nText("FeedbackRating.SliderRating.aria-valuetext", {
-        selectedRating: hoveredIndex + 1,
+    if (value) {
+      const selectedRating = hoveredIndex > -1 ? hoveredIndex + 1 : value;
+      return getI18nText("FeedbackRating.SliderRating.aria-valuetext", {
+        selectedRating,
         max: MAX
       });
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps, _ref3;
-      var _this$asProps4 = this.asProps, styles = _this$asProps4.styles, readonly = _this$asProps4.readonly, getI18nText = _this$asProps4.getI18nText, value = _this$asProps4.value;
-      var hoveredIndex = this.state.hoveredIndex;
-      var SSliderRating = Flex;
-      var label = this.getLabelText();
-      if (readonly) {
-        return /* @__PURE__ */ React.createElement(SSliderRating, assignProps({
-          "gap": 1,
-          "role": "img",
-          "aria-label": label
-        }, _ref), new Array(MAX).fill(null).map(function(_, index) {
-          return /* @__PURE__ */ React.createElement(Box, {
-            key: index,
-            position: "relative"
-          }, /* @__PURE__ */ React.createElement(SliderRating.Star, null));
-        }));
-      }
-      var hoverValue = hoveredIndex + 1;
-      var editModeLabel = hoverValue > 0 || value ? "".concat(label, ". ").concat(getI18nText("FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber"), ".") : label;
-      return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SSliderRating, _ref3.cn("SSliderRating", _objectSpread({}, assignProps({
+    return hoveredIndex === -1 ? getI18nText("FeedbackRating.SliderRating.aria-valuetext.empty") : getI18nText("FeedbackRating.SliderRating.aria-valuetext", {
+      selectedRating: hoveredIndex + 1,
+      max: MAX
+    });
+  }
+  render() {
+    var _ref = this.asProps, _ref3;
+    const {
+      styles,
+      readonly,
+      getI18nText,
+      value
+    } = this.asProps;
+    const {
+      hoveredIndex
+    } = this.state;
+    const SSliderRating = Flex;
+    const label = this.getLabelText();
+    if (readonly) {
+      return /* @__PURE__ */ React.createElement(SSliderRating, assignProps({
+        "gap": 1,
+        "role": "img",
+        "aria-label": label
+      }, _ref), new Array(MAX).fill(null).map((_, index) => {
+        return /* @__PURE__ */ React.createElement(Box, {
+          key: index,
+          position: "relative"
+        }, /* @__PURE__ */ React.createElement(SliderRating.Star, null));
+      }));
+    }
+    const hoverValue = hoveredIndex + 1;
+    const editModeLabel = hoverValue > 0 || value ? `${label}. ${getI18nText("FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber")}.` : label;
+    return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SSliderRating, _ref3.cn("SSliderRating", {
+      ...assignProps({
         "gap": 1,
         "tabIndex": 0,
         "onMouseLeave": this.handleMouseLeave,
@@ -167,15 +175,15 @@ var SliderRatingRoot = /* @__PURE__ */ (function(_Component) {
         "aria-valuemax": MAX,
         "aria-valuetext": editModeLabel,
         "aria-valuenow": hoverValue
-      }, _ref))), new Array(MAX).fill(null).map(function(_, index) {
-        return /* @__PURE__ */ React.createElement(Box, {
-          key: index,
-          position: "relative"
-        }, /* @__PURE__ */ React.createElement(SliderRating.Star, null));
-      }));
-    }
-  }]);
-})(Component);
+      }, _ref)
+    }), new Array(MAX).fill(null).map((_, index) => {
+      return /* @__PURE__ */ React.createElement(Box, {
+        key: index,
+        position: "relative"
+      }, /* @__PURE__ */ React.createElement(SliderRating.Star, null));
+    }));
+  }
+}
 _defineProperty(SliderRatingRoot, "displayName", "SliderRating");
 _defineProperty(SliderRatingRoot, "style", style);
 _defineProperty(SliderRatingRoot, "enhance", [uniqueIDEnhancement(), i18nEnhance(localizedMessages)]);
@@ -185,16 +193,18 @@ _defineProperty(SliderRatingRoot, "defaultProps", {
 });
 function Star(props) {
   var _ref2 = arguments[0], _ref4;
-  var SStar = Box;
-  return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SStar, _ref4.cn("SStar", _objectSpread({}, assignProps({
-    "tag": "svg",
-    "role": "none",
-    "width": "24",
-    "height": "24",
-    "viewBox": "0 0 24 24",
-    "fill": "none",
-    "xmlns": "http://www.w3.org/2000/svg"
-  }, _ref2))), props.filled ? /* @__PURE__ */ React.createElement("path", _ref4.cn("path", {
+  const SStar = Box;
+  return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SStar, _ref4.cn("SStar", {
+    ...assignProps({
+      "tag": "svg",
+      "role": "none",
+      "width": "24",
+      "height": "24",
+      "viewBox": "0 0 24 24",
+      "fill": "none",
+      "xmlns": "http://www.w3.org/2000/svg"
+    }, _ref2)
+  }), props.filled ? /* @__PURE__ */ React.createElement("path", _ref4.cn("path", {
     "d": "M11.646 1.214a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214a.4.4 0 0 1 .219.673l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293Z"
   })) : /* @__PURE__ */ React.createElement("path", _ref4.cn("path", {
     "d": "M14.358 9.31 12 4.834 9.642 9.31l-4.985.864 3.526 3.634-.72 5.014L12 16.588l4.537 2.235-.72-5.014 3.526-3.634-4.985-.864Zm8.31-.59a.4.4 0 0 1 .219.674l-4.952 5.104 1.012 7.044a.4.4 0 0 1-.573.416L12 18.818l-6.374 3.14a.4.4 0 0 1-.572-.416l1.01-7.044-4.95-5.104a.4.4 0 0 1 .218-.673l7-1.214 3.314-6.293a.4.4 0 0 1 .708 0l3.314 6.293 7 1.214Z",
@@ -203,7 +213,7 @@ function Star(props) {
   })));
 }
 Star.displayName = "Star";
-var SliderRating = createComponent(SliderRatingRoot, {
+const SliderRating = createComponent(SliderRatingRoot, {
   Star
 });
 export {

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

@@ -1,16 +1,19 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { sstyled, assignProps } from "@semcore/core";
 import Button from "@semcore/button";
 import React from "react";
 function SubmitButton(props) {
   var _ref = arguments[0], _ref2;
-  var styles = props.styles;
-  var SSubmit = Button;
-  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SSubmit, _ref2.cn("SSubmit", _objectSpread({}, assignProps({
-    "type": "submit",
-    "use": "primary",
-    "theme": "success"
-  }, _ref))));
+  const {
+    styles
+  } = props;
+  const SSubmit = Button;
+  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SSubmit, _ref2.cn("SSubmit", {
+    ...assignProps({
+      "type": "submit",
+      "use": "primary",
+      "theme": "success"
+    }, _ref)
+  }));
 }
 export {
   SubmitButton

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

@@ -12,7 +12,7 @@ import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
-var localizedMessages = {
+const localizedMessages = {
   de,
   en,
   es,

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

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

package/lib/types/component/feedback-rating/FeedbackRating.d.ts

@@ -1,14 +1,15 @@
-import { Box } from '@semcore/base-components';
-import type { Intergalactic } from '@semcore/core';
+import type Button from '@semcore/button';
+import type Checkbox from '@semcore/checkbox';
 import { Component } from '@semcore/core';
+import type { Intergalactic } from '@semcore/core';
 import { NoticeBubbleManager } from '@semcore/notice-bubble';
 import { Text } from '@semcore/typography';
 import React from 'react';
-import type { FeedbackRatingProps, FeedbackRatingType, FormConfigItem } from './FeedbackRating.type';
+import type { FeedbackRatingCheckboxProps, FeedbackRatingItemProps, FeedbackRatingProps, FormConfigItem, FeedbackRatingDefaultProps } from './FeedbackRating.type';
 type State = {
     error: boolean;
 };
-declare class FeedbackRatingRoot extends Component<FeedbackRatingProps, {}, State, typeof FeedbackRatingRoot.enhance, typeof FeedbackRatingRoot.defaultProps> {
+declare class FeedbackRatingRoot extends Component<FeedbackRatingProps, typeof FeedbackRatingRoot.enhance, {}, FeedbackRatingDefaultProps, State> {
     static displayName: string;
     static style: {
         [key: string]: string;
@@ -20,190 +21,7 @@ declare class FeedbackRatingRoot extends Component<FeedbackRatingProps, {}, Stat
     }, (props: any) => {
         uid: ReturnType<typeof import("@semcore/core/lib/utils/uniqueID").useUID>;
     }];
-    static defaultProps: {
-        onSubmit: () => void;
-        i18n: {
-            de: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            en: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            es: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            fr: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            it: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            ja: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            ko: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            nl: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            pt: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            tr: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            vi: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            zh: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            pl: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            sv: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-        };
-        locale: string;
-        Illustration: Intergalactic.Component<"svg", any, {}, never[]>;
-        Notice: (<Tag extends Intergalactic.InternalTypings.ComponentTag | [Intergalactic.InternalTypings.ComponentTag, keyof JSX.IntrinsicElements] = "div", Props extends import("@semcore/notice").NoticeProps = import("@semcore/notice").NoticeProps>(props: Intergalactic.InternalTypings.ComponentProps<Tag, "div", Props, import("@semcore/notice").NoticeContext, never[]>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<"div", Intergalactic.InternalTypings.ComponentTag, import("@semcore/notice").NoticeProps, import("@semcore/notice").NoticeContext, never[]> & {
-            Label: Intergalactic.Component<"div", import("@semcore/notice").NoticeLabelProps>;
-            Actions: typeof Box;
-            Content: typeof Box;
-            Title: typeof Text;
-            Text: typeof Text;
-            CloseIcon: Intergalactic.Component<"div", import("@semcore/icon").IconProps>;
-            Close: import("@semcore/button").ButtonComponent;
-        };
-    };
+    static defaultProps: FeedbackRatingDefaultProps;
     static validate: {
         description: (error: Error | string) => (value?: string) => string | Error | undefined;
         email: (error: Error | string) => (value?: string) => string | Error | undefined;
@@ -227,7 +45,11 @@ declare class FeedbackRatingRoot extends Component<FeedbackRatingProps, {}, Stat
     renderTextField: (config: FormConfigItem) => React.JSX.Element;
     render(): React.ReactNode;
 }
-declare const FeedbackRating: typeof FeedbackRatingType & {
+declare const FeedbackRating: Intergalactic.Component<"form", FeedbackRatingProps, {}, typeof FeedbackRatingRoot.enhance> & {
     validate: typeof FeedbackRatingRoot.validate;
+    Item: Intergalactic.Component<"div", FeedbackRatingItemProps>;
+    Submit: typeof Button;
+    Checkbox: Intergalactic.Component<typeof Checkbox, FeedbackRatingCheckboxProps>;
+    Header: typeof Text;
 };
 export default FeedbackRating;

package/lib/types/component/feedback-rating/FeedbackRating.type.d.ts

@@ -1,13 +1,11 @@
-import type Button from '@semcore/button';
-import type Checkbox from '@semcore/checkbox';
 import type { CheckboxProps } from '@semcore/checkbox';
 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 { FieldProps } from 'react-final-form';
 import type { FeedbackFormProps } from '../../index';
+import type { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
 export type FormConfigItem = {
     key: string;
     label: React.ReactNode;
@@ -65,10 +63,10 @@ export type FeedbackRatingCheckboxProps = Omit<CheckboxProps, 'label'> & {
     focused: boolean;
     label: React.ReactNode;
 };
-declare const FeedbackRatingType: Intergalactic.Component<'form', FeedbackRatingProps> & {
-    Item: Intergalactic.Component<'div', FeedbackRatingItemProps>;
-    Submit: typeof Button;
-    Checkbox: Intergalactic.Component<typeof Checkbox, FeedbackRatingCheckboxProps>;
-    Header: typeof Text;
+export type FeedbackRatingDefaultProps = {
+    onSubmit: () => void;
+    i18n: typeof localizedMessages;
+    locale: 'en';
+    Illustration: Intergalactic.Component<'svg', IllustrationProps>;
+    Notice: typeof Notice;
 };
-export { FeedbackRatingType };

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

@@ -1,5 +1,5 @@
+import { Flex, Box, type BoxProps } from '@semcore/base-components';
 import { type Intergalactic } from '@semcore/core';
-import { Flex, Box, type BoxProps } from '@semcore/flex-box';
 type SliderRatingProps = {
     value: number;
     onChange?: (value: number) => void;