@ultraviolet/plus 3.0.0-beta.11 → 3.0.0-beta.13

package/dist/components/CustomerSatisfaction/index.cjs

@@ -2,8 +2,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
-const react$1 = require("@emotion/react");
 const ui = require("@ultraviolet/ui");
 const react = require("react");
 const _15 = require("./assets/1-5.svg.cjs");
@@ -16,11 +14,7 @@ const _45 = require("./assets/4-5.svg.cjs");
 const _45NB = require("./assets/4-5NB.svg.cjs");
 const _55 = require("./assets/5-5.svg.cjs");
 const _55NB = require("./assets/5-5NB.svg.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
+const styles_css = require("./styles.css.cjs");
 const ratings = [{
   imgNotSelected: _15NB,
   imgSelected: _15,
@@ -42,63 +36,6 @@ const ratings = [{
   imgSelected: _55,
   value: 5
 }];
-const angryAnim = react$1.keyframes`
-  from, 10%, 40%, 80%, to {
-    transform: translate3d(0, 0, 0);
-    transform: rotate(0deg);
-  }
-  30% {
-    transform: translate3d(-5px, 0, 0);
-    transform: rotate(5deg);
-  }
-
-  60% {
-    transform: translate3d(-4px, 0, 0);
-  }
-
-  90% {
-    transform: translate3d(-1px, 0, 0);
-    transform: rotate(-5deg);
-  }
-`;
-const happyAnim = react$1.keyframes`
-  from, 10%, 40%, 80%, to {
-    transform: translate3d(0, 0, 0);
-    transform: rotate(0deg);
-  }
-  30% {
-    transform: translate3d(0, 5px, 0);
-    transform: rotate(5deg);
-  }
-
-  60% {
-    transform: translate3d(0, -6px, 0);
-  }
-
-  90% {
-    transform: translate3d(0, -2px, 0);
-  }
-`;
-const scaled = process.env.NODE_ENV === "production" ? {
-  name: "1wbgrkf",
-  styles: "transform:scale(1.2)"
-} : {
-  name: "mmno7c-scaled",
-  styles: "transform:scale(1.2);label:scaled;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ3VzdG9tZXJTYXRpc2ZhY3Rpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNGa0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9DdXN0b21lclNhdGlzZmFjdGlvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgeyB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHJhdGluZzEgZnJvbSAnLi9hc3NldHMvMS01LnN2ZydcbmltcG9ydCByYXRpbmcxTlMgZnJvbSAnLi9hc3NldHMvMS01TkIuc3ZnJ1xuaW1wb3J0IHJhdGluZzIgZnJvbSAnLi9hc3NldHMvMi01LnN2ZydcbmltcG9ydCByYXRpbmcyTlMgZnJvbSAnLi9hc3NldHMvMi01TkIuc3ZnJ1xuaW1wb3J0IHJhdGluZzMgZnJvbSAnLi9hc3NldHMvMy01LnN2ZydcbmltcG9ydCByYXRpbmczTlMgZnJvbSAnLi9hc3NldHMvMy01TkIuc3ZnJ1xuaW1wb3J0IHJhdGluZzQgZnJvbSAnLi9hc3NldHMvNC01LnN2ZydcbmltcG9ydCByYXRpbmc0TlMgZnJvbSAnLi9hc3NldHMvNC01TkIuc3ZnJ1xuaW1wb3J0IHJhdGluZzUgZnJvbSAnLi9hc3NldHMvNS01LnN2ZydcbmltcG9ydCByYXRpbmc1TlMgZnJvbSAnLi9hc3NldHMvNS01TkIuc3ZnJ1xuXG5jb25zdCByYXRpbmdzID0gW1xuICB7XG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzFOUyxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nMSxcbiAgICB2YWx1ZTogMSxcbiAgfSxcbiAge1xuICAgIGltZ05vdFNlbGVjdGVkOiByYXRpbmcyTlMsXG4gICAgaW1nU2VsZWN0ZWQ6IHJhdGluZzIsXG4gICAgdmFsdWU6IDIsXG4gIH0sXG4gIHtcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nM05TLFxuICAgIGltZ1NlbGVjdGVkOiByYXRpbmczLFxuICAgIHZhbHVlOiAzLFxuICB9LFxuICB7XG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzROUyxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nNCxcbiAgICB2YWx1ZTogNCxcbiAgfSxcbiAge1xuICAgIGltZ05vdFNlbGVjdGVkOiByYXRpbmc1TlMsXG4gICAgaW1nU2VsZWN0ZWQ6IHJhdGluZzUsXG4gICAgdmFsdWU6IDUsXG4gIH0sXG5dIGFzIGNvbnN0XG5cbnR5cGUgVmFsdWUgPSAodHlwZW9mIHJhdGluZ3MpW251bWJlcl1bJ3ZhbHVlJ11cblxuY29uc3QgYW5ncnlBbmltID0ga2V5ZnJhbWVzYFxuICBmcm9tLCAxMCUsIDQwJSwgODAlLCB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAzMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTVweCwgMCwgMCk7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoNWRlZyk7XG4gIH1cblxuICA2MCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTRweCwgMCwgMCk7XG4gIH1cblxuICA5MCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTFweCwgMCwgMCk7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoLTVkZWcpO1xuICB9XG5gXG5cbmNvbnN0IGhhcHB5QW5pbSA9IGtleWZyYW1lc2BcbiAgZnJvbSwgMTAlLCA0MCUsIDgwJSwgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMCwgMCk7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cbiAgMzAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDVweCwgMCk7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoNWRlZyk7XG4gIH1cblxuICA2MCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgLTZweCwgMCk7XG4gIH1cblxuICA5MCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgLTJweCwgMCk7XG4gIH1cbmBcblxuY29uc3Qgc2NhbGVkID0gY3NzYFxuICB0cmFuc2Zvcm06IHNjYWxlKDEuMik7XG5gXG5cbmNvbnN0IEltYWdlID0gc3R5bGVkLmltZzx7XG4gIGlzU2VsZWN0ZWQ6IGJvb2xlYW5cbiAgaXNIb3ZlcmVkOiBib29sZWFuXG4gIGlzSGFwcHk6IGJvb2xlYW5cbn0+YFxuICBoZWlnaHQ6IDg4cHg7XG4gIHdpZHRoOiA4OHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAxcyBjdWJpYy1iZXppZXIoMC4xOSwgMSwgMC4yMiwgMSk7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgJHtzY2FsZWR9O1xuICB9XG5cbiAgJHsoeyBpc0hvdmVyZWQsIGlzU2VsZWN0ZWQgfSkgPT4gaXNIb3ZlcmVkICYmIGlzU2VsZWN0ZWQgJiYgc2NhbGVkfVxuICAkeyh7IGlzU2VsZWN0ZWQsIGlzSGFwcHkgfSkgPT5cbiAgICBpc1NlbGVjdGVkICYmXG4gICAgY3NzYFxuICAgICAgYW5pbWF0aW9uOiAke2lzSGFwcHkgPyBoYXBweUFuaW0gOiBhbmdyeUFuaW19IDFzIGVhc2UgaW5maW5pdGU7XG4gICAgYH1cbmBcblxudHlwZSBDdXN0b21lclNhdGlzZmFjdGlvblByb3BzID0ge1xuICB2YWx1ZTogVmFsdWVcbiAgb25DaGFuZ2U6IChyYXRpbmc6IFZhbHVlKSA9PiB2b2lkXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBDdXN0b21lclNhdGlzZmFjdGlvbiA9ICh7XG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgY2xhc3NOYW1lLFxufTogQ3VzdG9tZXJTYXRpc2ZhY3Rpb25Qcm9wcykgPT4ge1xuICBjb25zdCBbaG92ZXJlZFZhbHVlLCBzZXRIb3ZlcmVkVmFsdWVdID0gdXNlU3RhdGUoMClcbiAgY29uc3QgaXNIYXBweSA9IHVzZU1lbW8oKCkgPT4gdmFsdWUgPiByYXRpbmdzLmxlbmd0aCAvIDIsIFt2YWx1ZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3RhY2tcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBkaXJlY3Rpb249XCJyb3dcIlxuICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICA+XG4gICAgICB7cmF0aW5ncy5tYXAocmF0aW5nID0+IHtcbiAgICAgICAgY29uc3QgaXNTZWxlY3RlZCA9IHJhdGluZy52YWx1ZSA9PT0gdmFsdWVcbiAgICAgICAgY29uc3QgaXNIb3ZlcmVkID0gcmF0aW5nLnZhbHVlID09PSBob3ZlcmVkVmFsdWVcbiAgICAgICAgY29uc3QgaXNPdmVyZmx5ID0gcmF0aW5nLnZhbHVlIDw9IGhvdmVyZWRWYWx1ZVxuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPEltYWdlXG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17YCR7ZGF0YVRlc3RJZH0tJHtyYXRpbmcudmFsdWV9YH1cbiAgICAgICAgICAgIGlzSGFwcHk9e2lzSGFwcHl9XG4gICAgICAgICAgICBpc0hvdmVyZWQ9e2lzSG92ZXJlZH1cbiAgICAgICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgICBrZXk9e3JhdGluZy52YWx1ZX1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgb25DaGFuZ2UocmF0aW5nLnZhbHVlKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uTW91c2VFbnRlcj17KCkgPT4ge1xuICAgICAgICAgICAgICBzZXRIb3ZlcmVkVmFsdWUocmF0aW5nLnZhbHVlKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17KCkgPT4ge1xuICAgICAgICAgICAgICBzZXRIb3ZlcmVkVmFsdWUoMClcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBzcmM9e1xuICAgICAgICAgICAgICBpc1NlbGVjdGVkIHx8IGlzT3ZlcmZseSB8fCByYXRpbmcudmFsdWUgPD0gdmFsdWVcbiAgICAgICAgICAgICAgICA/IHJhdGluZy5pbWdTZWxlY3RlZFxuICAgICAgICAgICAgICAgIDogcmF0aW5nLmltZ05vdFNlbGVjdGVkXG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKVxuICAgICAgfSl9XG4gICAgPC9TdGFjaz5cbiAgKVxufVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const Image = /* @__PURE__ */ _styled__default.default("img", process.env.NODE_ENV === "production" ? {
-  target: "epmg9lb0"
-} : {
-  target: "epmg9lb0",
-  label: "Image"
-})("height:88px;width:88px;cursor:pointer;transition:transform 1s cubic-bezier(0.19, 1, 0.22, 1);&:hover,&:focus{", scaled, ";}", ({
-  isHovered,
-  isSelected
-}) => isHovered && isSelected && scaled, " ", ({
-  isSelected,
-  isHappy
-}) => isSelected && /* @__PURE__ */ react$1.css("animation:", isHappy ? happyAnim : angryAnim, " 1s ease infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:Image;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ3VzdG9tZXJTYXRpc2ZhY3Rpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRHTyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL0N1c3RvbWVyU2F0aXNmYWN0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB7IHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgcmF0aW5nMSBmcm9tICcuL2Fzc2V0cy8xLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzFOUyBmcm9tICcuL2Fzc2V0cy8xLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nMiBmcm9tICcuL2Fzc2V0cy8yLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzJOUyBmcm9tICcuL2Fzc2V0cy8yLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nMyBmcm9tICcuL2Fzc2V0cy8zLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzNOUyBmcm9tICcuL2Fzc2V0cy8zLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nNCBmcm9tICcuL2Fzc2V0cy80LTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzROUyBmcm9tICcuL2Fzc2V0cy80LTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nNSBmcm9tICcuL2Fzc2V0cy81LTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzVOUyBmcm9tICcuL2Fzc2V0cy81LTVOQi5zdmcnXG5cbmNvbnN0IHJhdGluZ3MgPSBbXG4gIHtcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nMU5TLFxuICAgIGltZ1NlbGVjdGVkOiByYXRpbmcxLFxuICAgIHZhbHVlOiAxLFxuICB9LFxuICB7XG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzJOUyxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nMixcbiAgICB2YWx1ZTogMixcbiAgfSxcbiAge1xuICAgIGltZ05vdFNlbGVjdGVkOiByYXRpbmczTlMsXG4gICAgaW1nU2VsZWN0ZWQ6IHJhdGluZzMsXG4gICAgdmFsdWU6IDMsXG4gIH0sXG4gIHtcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nNE5TLFxuICAgIGltZ1NlbGVjdGVkOiByYXRpbmc0LFxuICAgIHZhbHVlOiA0LFxuICB9LFxuICB7XG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzVOUyxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nNSxcbiAgICB2YWx1ZTogNSxcbiAgfSxcbl0gYXMgY29uc3RcblxudHlwZSBWYWx1ZSA9ICh0eXBlb2YgcmF0aW5ncylbbnVtYmVyXVsndmFsdWUnXVxuXG5jb25zdCBhbmdyeUFuaW0gPSBrZXlmcmFtZXNgXG4gIGZyb20sIDEwJSwgNDAlLCA4MCUsIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDAsIDApO1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG4gIDMwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNXB4LCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg1ZGVnKTtcbiAgfVxuXG4gIDYwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNHB4LCAwLCAwKTtcbiAgfVxuXG4gIDkwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtMXB4LCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNWRlZyk7XG4gIH1cbmBcblxuY29uc3QgaGFwcHlBbmltID0ga2V5ZnJhbWVzYFxuICBmcm9tLCAxMCUsIDQwJSwgODAlLCB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAzMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgNXB4LCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg1ZGVnKTtcbiAgfVxuXG4gIDYwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAtNnB4LCAwKTtcbiAgfVxuXG4gIDkwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAtMnB4LCAwKTtcbiAgfVxuYFxuXG5jb25zdCBzY2FsZWQgPSBjc3NgXG4gIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbmBcblxuY29uc3QgSW1hZ2UgPSBzdHlsZWQuaW1nPHtcbiAgaXNTZWxlY3RlZDogYm9vbGVhblxuICBpc0hvdmVyZWQ6IGJvb2xlYW5cbiAgaXNIYXBweTogYm9vbGVhblxufT5gXG4gIGhlaWdodDogODhweDtcbiAgd2lkdGg6IDg4cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDFzIGN1YmljLWJlemllcigwLjE5LCAxLCAwLjIyLCAxKTtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAke3NjYWxlZH07XG4gIH1cblxuICAkeyh7IGlzSG92ZXJlZCwgaXNTZWxlY3RlZCB9KSA9PiBpc0hvdmVyZWQgJiYgaXNTZWxlY3RlZCAmJiBzY2FsZWR9XG4gICR7KHsgaXNTZWxlY3RlZCwgaXNIYXBweSB9KSA9PlxuICAgIGlzU2VsZWN0ZWQgJiZcbiAgICBjc3NgXG4gICAgICBhbmltYXRpb246ICR7aXNIYXBweSA/IGhhcHB5QW5pbSA6IGFuZ3J5QW5pbX0gMXMgZWFzZSBpbmZpbml0ZTtcbiAgICBgfVxuYFxuXG50eXBlIEN1c3RvbWVyU2F0aXNmYWN0aW9uUHJvcHMgPSB7XG4gIHZhbHVlOiBWYWx1ZVxuICBvbkNoYW5nZTogKHJhdGluZzogVmFsdWUpID0+IHZvaWRcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEN1c3RvbWVyU2F0aXNmYWN0aW9uID0gKHtcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG59OiBDdXN0b21lclNhdGlzZmFjdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IFtob3ZlcmVkVmFsdWUsIHNldEhvdmVyZWRWYWx1ZV0gPSB1c2VTdGF0ZSgwKVxuICBjb25zdCBpc0hhcHB5ID0gdXNlTWVtbygoKSA9PiB2YWx1ZSA+IHJhdGluZ3MubGVuZ3RoIC8gMiwgW3ZhbHVlXSlcblxuICByZXR1cm4gKFxuICAgIDxTdGFja1xuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgID5cbiAgICAgIHtyYXRpbmdzLm1hcChyYXRpbmcgPT4ge1xuICAgICAgICBjb25zdCBpc1NlbGVjdGVkID0gcmF0aW5nLnZhbHVlID09PSB2YWx1ZVxuICAgICAgICBjb25zdCBpc0hvdmVyZWQgPSByYXRpbmcudmFsdWUgPT09IGhvdmVyZWRWYWx1ZVxuICAgICAgICBjb25zdCBpc092ZXJmbHkgPSByYXRpbmcudmFsdWUgPD0gaG92ZXJlZFZhbHVlXG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtgJHtkYXRhVGVzdElkfS0ke3JhdGluZy52YWx1ZX1gfVxuICAgICAgICAgICAgaXNIYXBweT17aXNIYXBweX1cbiAgICAgICAgICAgIGlzSG92ZXJlZD17aXNIb3ZlcmVkfVxuICAgICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgIGtleT17cmF0aW5nLnZhbHVlfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBvbkNoYW5nZShyYXRpbmcudmFsdWUpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgb25Nb3VzZUVudGVyPXsoKSA9PiB7XG4gICAgICAgICAgICAgIHNldEhvdmVyZWRWYWx1ZShyYXRpbmcudmFsdWUpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgb25Nb3VzZUxlYXZlPXsoKSA9PiB7XG4gICAgICAgICAgICAgIHNldEhvdmVyZWRWYWx1ZSgwKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIHNyYz17XG4gICAgICAgICAgICAgIGlzU2VsZWN0ZWQgfHwgaXNPdmVyZmx5IHx8IHJhdGluZy52YWx1ZSA8PSB2YWx1ZVxuICAgICAgICAgICAgICAgID8gcmF0aW5nLmltZ1NlbGVjdGVkXG4gICAgICAgICAgICAgICAgOiByYXRpbmcuaW1nTm90U2VsZWN0ZWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApXG4gICAgICB9KX1cbiAgICA8L1N0YWNrPlxuICApXG59XG4iXX0= */"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ3VzdG9tZXJTYXRpc2ZhY3Rpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThGRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL0N1c3RvbWVyU2F0aXNmYWN0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB7IHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgcmF0aW5nMSBmcm9tICcuL2Fzc2V0cy8xLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzFOUyBmcm9tICcuL2Fzc2V0cy8xLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nMiBmcm9tICcuL2Fzc2V0cy8yLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzJOUyBmcm9tICcuL2Fzc2V0cy8yLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nMyBmcm9tICcuL2Fzc2V0cy8zLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzNOUyBmcm9tICcuL2Fzc2V0cy8zLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nNCBmcm9tICcuL2Fzc2V0cy80LTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzROUyBmcm9tICcuL2Fzc2V0cy80LTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nNSBmcm9tICcuL2Fzc2V0cy81LTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzVOUyBmcm9tICcuL2Fzc2V0cy81LTVOQi5zdmcnXG5cbmNvbnN0IHJhdGluZ3MgPSBbXG4gIHtcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nMU5TLFxuICAgIGltZ1NlbGVjdGVkOiByYXRpbmcxLFxuICAgIHZhbHVlOiAxLFxuICB9LFxuICB7XG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzJOUyxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nMixcbiAgICB2YWx1ZTogMixcbiAgfSxcbiAge1xuICAgIGltZ05vdFNlbGVjdGVkOiByYXRpbmczTlMsXG4gICAgaW1nU2VsZWN0ZWQ6IHJhdGluZzMsXG4gICAgdmFsdWU6IDMsXG4gIH0sXG4gIHtcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nNE5TLFxuICAgIGltZ1NlbGVjdGVkOiByYXRpbmc0LFxuICAgIHZhbHVlOiA0LFxuICB9LFxuICB7XG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzVOUyxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nNSxcbiAgICB2YWx1ZTogNSxcbiAgfSxcbl0gYXMgY29uc3RcblxudHlwZSBWYWx1ZSA9ICh0eXBlb2YgcmF0aW5ncylbbnVtYmVyXVsndmFsdWUnXVxuXG5jb25zdCBhbmdyeUFuaW0gPSBrZXlmcmFtZXNgXG4gIGZyb20sIDEwJSwgNDAlLCA4MCUsIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDAsIDApO1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG4gIDMwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNXB4LCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg1ZGVnKTtcbiAgfVxuXG4gIDYwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNHB4LCAwLCAwKTtcbiAgfVxuXG4gIDkwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtMXB4LCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNWRlZyk7XG4gIH1cbmBcblxuY29uc3QgaGFwcHlBbmltID0ga2V5ZnJhbWVzYFxuICBmcm9tLCAxMCUsIDQwJSwgODAlLCB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAzMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgNXB4LCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg1ZGVnKTtcbiAgfVxuXG4gIDYwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAtNnB4LCAwKTtcbiAgfVxuXG4gIDkwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAtMnB4LCAwKTtcbiAgfVxuYFxuXG5jb25zdCBzY2FsZWQgPSBjc3NgXG4gIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbmBcblxuY29uc3QgSW1hZ2UgPSBzdHlsZWQuaW1nPHtcbiAgaXNTZWxlY3RlZDogYm9vbGVhblxuICBpc0hvdmVyZWQ6IGJvb2xlYW5cbiAgaXNIYXBweTogYm9vbGVhblxufT5gXG4gIGhlaWdodDogODhweDtcbiAgd2lkdGg6IDg4cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDFzIGN1YmljLWJlemllcigwLjE5LCAxLCAwLjIyLCAxKTtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAke3NjYWxlZH07XG4gIH1cblxuICAkeyh7IGlzSG92ZXJlZCwgaXNTZWxlY3RlZCB9KSA9PiBpc0hvdmVyZWQgJiYgaXNTZWxlY3RlZCAmJiBzY2FsZWR9XG4gICR7KHsgaXNTZWxlY3RlZCwgaXNIYXBweSB9KSA9PlxuICAgIGlzU2VsZWN0ZWQgJiZcbiAgICBjc3NgXG4gICAgICBhbmltYXRpb246ICR7aXNIYXBweSA/IGhhcHB5QW5pbSA6IGFuZ3J5QW5pbX0gMXMgZWFzZSBpbmZpbml0ZTtcbiAgICBgfVxuYFxuXG50eXBlIEN1c3RvbWVyU2F0aXNmYWN0aW9uUHJvcHMgPSB7XG4gIHZhbHVlOiBWYWx1ZVxuICBvbkNoYW5nZTogKHJhdGluZzogVmFsdWUpID0+IHZvaWRcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEN1c3RvbWVyU2F0aXNmYWN0aW9uID0gKHtcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG59OiBDdXN0b21lclNhdGlzZmFjdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IFtob3ZlcmVkVmFsdWUsIHNldEhvdmVyZWRWYWx1ZV0gPSB1c2VTdGF0ZSgwKVxuICBjb25zdCBpc0hhcHB5ID0gdXNlTWVtbygoKSA9PiB2YWx1ZSA+IHJhdGluZ3MubGVuZ3RoIC8gMiwgW3ZhbHVlXSlcblxuICByZXR1cm4gKFxuICAgIDxTdGFja1xuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgID5cbiAgICAgIHtyYXRpbmdzLm1hcChyYXRpbmcgPT4ge1xuICAgICAgICBjb25zdCBpc1NlbGVjdGVkID0gcmF0aW5nLnZhbHVlID09PSB2YWx1ZVxuICAgICAgICBjb25zdCBpc0hvdmVyZWQgPSByYXRpbmcudmFsdWUgPT09IGhvdmVyZWRWYWx1ZVxuICAgICAgICBjb25zdCBpc092ZXJmbHkgPSByYXRpbmcudmFsdWUgPD0gaG92ZXJlZFZhbHVlXG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtgJHtkYXRhVGVzdElkfS0ke3JhdGluZy52YWx1ZX1gfVxuICAgICAgICAgICAgaXNIYXBweT17aXNIYXBweX1cbiAgICAgICAgICAgIGlzSG92ZXJlZD17aXNIb3ZlcmVkfVxuICAgICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgIGtleT17cmF0aW5nLnZhbHVlfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBvbkNoYW5nZShyYXRpbmcudmFsdWUpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgb25Nb3VzZUVudGVyPXsoKSA9PiB7XG4gICAgICAgICAgICAgIHNldEhvdmVyZWRWYWx1ZShyYXRpbmcudmFsdWUpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgb25Nb3VzZUxlYXZlPXsoKSA9PiB7XG4gICAgICAgICAgICAgIHNldEhvdmVyZWRWYWx1ZSgwKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIHNyYz17XG4gICAgICAgICAgICAgIGlzU2VsZWN0ZWQgfHwgaXNPdmVyZmx5IHx8IHJhdGluZy52YWx1ZSA8PSB2YWx1ZVxuICAgICAgICAgICAgICAgID8gcmF0aW5nLmltZ1NlbGVjdGVkXG4gICAgICAgICAgICAgICAgOiByYXRpbmcuaW1nTm90U2VsZWN0ZWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApXG4gICAgICB9KX1cbiAgICA8L1N0YWNrPlxuICApXG59XG4iXX0= */"));
 const CustomerSatisfaction = ({
   value,
   onChange,
@@ -109,10 +46,15 @@ const CustomerSatisfaction = ({
   const isHappy = react.useMemo(() => value > ratings.length / 2, [value]);
   return /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { className, "data-testid": dataTestId, direction: "row", justifyContent: "space-between", children: ratings.map((rating) => {
     const isSelected = rating.value === value;
-    const isHovered = rating.value === hoveredValue;
     const isOverfly = rating.value <= hoveredValue;
-    return /* @__PURE__ */ jsxRuntime.jsx(Image, { "data-testid": `${dataTestId}-${rating.value}`, isHappy, isHovered, isSelected, onClick: () => {
+    const isScaled = rating.value === hoveredValue && isSelected;
+    const animated = isHappy ? "happy" : "angry";
+    return /* @__PURE__ */ jsxRuntime.jsx("img", { alt: "rating", className: styles_css.customerStatisfaction({
+      animated: isSelected ? animated : void 0,
+      isScaled
+    }), "data-testid": `${dataTestId}-${rating.value}`, onClick: () => {
       onChange(rating.value);
+    }, onKeyDown: () => {
     }, onMouseEnter: () => {
       setHoveredValue(rating.value);
     }, onMouseLeave: () => {

package/dist/components/CustomerSatisfaction/index.js

@@ -1,7 +1,5 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
-import { css, keyframes } from "@emotion/react";
 import { Stack } from "@ultraviolet/ui";
 import { useState, useMemo } from "react";
 import rating1 from "./assets/1-5.svg.js";
@@ -14,9 +12,7 @@ import rating4 from "./assets/4-5.svg.js";
 import rating4NS from "./assets/4-5NB.svg.js";
 import rating5 from "./assets/5-5.svg.js";
 import rating5NS from "./assets/5-5NB.svg.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
+import { customerStatisfaction } from "./styles.css.js";
 const ratings = [{
   imgNotSelected: rating1NS,
   imgSelected: rating1,
@@ -38,63 +34,6 @@ const ratings = [{
   imgSelected: rating5,
   value: 5
 }];
-const angryAnim = keyframes`
-  from, 10%, 40%, 80%, to {
-    transform: translate3d(0, 0, 0);
-    transform: rotate(0deg);
-  }
-  30% {
-    transform: translate3d(-5px, 0, 0);
-    transform: rotate(5deg);
-  }
-
-  60% {
-    transform: translate3d(-4px, 0, 0);
-  }
-
-  90% {
-    transform: translate3d(-1px, 0, 0);
-    transform: rotate(-5deg);
-  }
-`;
-const happyAnim = keyframes`
-  from, 10%, 40%, 80%, to {
-    transform: translate3d(0, 0, 0);
-    transform: rotate(0deg);
-  }
-  30% {
-    transform: translate3d(0, 5px, 0);
-    transform: rotate(5deg);
-  }
-
-  60% {
-    transform: translate3d(0, -6px, 0);
-  }
-
-  90% {
-    transform: translate3d(0, -2px, 0);
-  }
-`;
-const scaled = process.env.NODE_ENV === "production" ? {
-  name: "1wbgrkf",
-  styles: "transform:scale(1.2)"
-} : {
-  name: "mmno7c-scaled",
-  styles: "transform:scale(1.2);label:scaled;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ3VzdG9tZXJTYXRpc2ZhY3Rpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNGa0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9DdXN0b21lclNhdGlzZmFjdGlvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgeyB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHJhdGluZzEgZnJvbSAnLi9hc3NldHMvMS01LnN2ZydcbmltcG9ydCByYXRpbmcxTlMgZnJvbSAnLi9hc3NldHMvMS01TkIuc3ZnJ1xuaW1wb3J0IHJhdGluZzIgZnJvbSAnLi9hc3NldHMvMi01LnN2ZydcbmltcG9ydCByYXRpbmcyTlMgZnJvbSAnLi9hc3NldHMvMi01TkIuc3ZnJ1xuaW1wb3J0IHJhdGluZzMgZnJvbSAnLi9hc3NldHMvMy01LnN2ZydcbmltcG9ydCByYXRpbmczTlMgZnJvbSAnLi9hc3NldHMvMy01TkIuc3ZnJ1xuaW1wb3J0IHJhdGluZzQgZnJvbSAnLi9hc3NldHMvNC01LnN2ZydcbmltcG9ydCByYXRpbmc0TlMgZnJvbSAnLi9hc3NldHMvNC01TkIuc3ZnJ1xuaW1wb3J0IHJhdGluZzUgZnJvbSAnLi9hc3NldHMvNS01LnN2ZydcbmltcG9ydCByYXRpbmc1TlMgZnJvbSAnLi9hc3NldHMvNS01TkIuc3ZnJ1xuXG5jb25zdCByYXRpbmdzID0gW1xuICB7XG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzFOUyxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nMSxcbiAgICB2YWx1ZTogMSxcbiAgfSxcbiAge1xuICAgIGltZ05vdFNlbGVjdGVkOiByYXRpbmcyTlMsXG4gICAgaW1nU2VsZWN0ZWQ6IHJhdGluZzIsXG4gICAgdmFsdWU6IDIsXG4gIH0sXG4gIHtcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nM05TLFxuICAgIGltZ1NlbGVjdGVkOiByYXRpbmczLFxuICAgIHZhbHVlOiAzLFxuICB9LFxuICB7XG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzROUyxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nNCxcbiAgICB2YWx1ZTogNCxcbiAgfSxcbiAge1xuICAgIGltZ05vdFNlbGVjdGVkOiByYXRpbmc1TlMsXG4gICAgaW1nU2VsZWN0ZWQ6IHJhdGluZzUsXG4gICAgdmFsdWU6IDUsXG4gIH0sXG5dIGFzIGNvbnN0XG5cbnR5cGUgVmFsdWUgPSAodHlwZW9mIHJhdGluZ3MpW251bWJlcl1bJ3ZhbHVlJ11cblxuY29uc3QgYW5ncnlBbmltID0ga2V5ZnJhbWVzYFxuICBmcm9tLCAxMCUsIDQwJSwgODAlLCB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAzMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTVweCwgMCwgMCk7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoNWRlZyk7XG4gIH1cblxuICA2MCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTRweCwgMCwgMCk7XG4gIH1cblxuICA5MCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTFweCwgMCwgMCk7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoLTVkZWcpO1xuICB9XG5gXG5cbmNvbnN0IGhhcHB5QW5pbSA9IGtleWZyYW1lc2BcbiAgZnJvbSwgMTAlLCA0MCUsIDgwJSwgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMCwgMCk7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cbiAgMzAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDVweCwgMCk7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoNWRlZyk7XG4gIH1cblxuICA2MCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgLTZweCwgMCk7XG4gIH1cblxuICA5MCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgLTJweCwgMCk7XG4gIH1cbmBcblxuY29uc3Qgc2NhbGVkID0gY3NzYFxuICB0cmFuc2Zvcm06IHNjYWxlKDEuMik7XG5gXG5cbmNvbnN0IEltYWdlID0gc3R5bGVkLmltZzx7XG4gIGlzU2VsZWN0ZWQ6IGJvb2xlYW5cbiAgaXNIb3ZlcmVkOiBib29sZWFuXG4gIGlzSGFwcHk6IGJvb2xlYW5cbn0+YFxuICBoZWlnaHQ6IDg4cHg7XG4gIHdpZHRoOiA4OHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAxcyBjdWJpYy1iZXppZXIoMC4xOSwgMSwgMC4yMiwgMSk7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgJHtzY2FsZWR9O1xuICB9XG5cbiAgJHsoeyBpc0hvdmVyZWQsIGlzU2VsZWN0ZWQgfSkgPT4gaXNIb3ZlcmVkICYmIGlzU2VsZWN0ZWQgJiYgc2NhbGVkfVxuICAkeyh7IGlzU2VsZWN0ZWQsIGlzSGFwcHkgfSkgPT5cbiAgICBpc1NlbGVjdGVkICYmXG4gICAgY3NzYFxuICAgICAgYW5pbWF0aW9uOiAke2lzSGFwcHkgPyBoYXBweUFuaW0gOiBhbmdyeUFuaW19IDFzIGVhc2UgaW5maW5pdGU7XG4gICAgYH1cbmBcblxudHlwZSBDdXN0b21lclNhdGlzZmFjdGlvblByb3BzID0ge1xuICB2YWx1ZTogVmFsdWVcbiAgb25DaGFuZ2U6IChyYXRpbmc6IFZhbHVlKSA9PiB2b2lkXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBDdXN0b21lclNhdGlzZmFjdGlvbiA9ICh7XG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgY2xhc3NOYW1lLFxufTogQ3VzdG9tZXJTYXRpc2ZhY3Rpb25Qcm9wcykgPT4ge1xuICBjb25zdCBbaG92ZXJlZFZhbHVlLCBzZXRIb3ZlcmVkVmFsdWVdID0gdXNlU3RhdGUoMClcbiAgY29uc3QgaXNIYXBweSA9IHVzZU1lbW8oKCkgPT4gdmFsdWUgPiByYXRpbmdzLmxlbmd0aCAvIDIsIFt2YWx1ZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3RhY2tcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBkaXJlY3Rpb249XCJyb3dcIlxuICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICA+XG4gICAgICB7cmF0aW5ncy5tYXAocmF0aW5nID0+IHtcbiAgICAgICAgY29uc3QgaXNTZWxlY3RlZCA9IHJhdGluZy52YWx1ZSA9PT0gdmFsdWVcbiAgICAgICAgY29uc3QgaXNIb3ZlcmVkID0gcmF0aW5nLnZhbHVlID09PSBob3ZlcmVkVmFsdWVcbiAgICAgICAgY29uc3QgaXNPdmVyZmx5ID0gcmF0aW5nLnZhbHVlIDw9IGhvdmVyZWRWYWx1ZVxuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPEltYWdlXG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17YCR7ZGF0YVRlc3RJZH0tJHtyYXRpbmcudmFsdWV9YH1cbiAgICAgICAgICAgIGlzSGFwcHk9e2lzSGFwcHl9XG4gICAgICAgICAgICBpc0hvdmVyZWQ9e2lzSG92ZXJlZH1cbiAgICAgICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgICBrZXk9e3JhdGluZy52YWx1ZX1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgb25DaGFuZ2UocmF0aW5nLnZhbHVlKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uTW91c2VFbnRlcj17KCkgPT4ge1xuICAgICAgICAgICAgICBzZXRIb3ZlcmVkVmFsdWUocmF0aW5nLnZhbHVlKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17KCkgPT4ge1xuICAgICAgICAgICAgICBzZXRIb3ZlcmVkVmFsdWUoMClcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBzcmM9e1xuICAgICAgICAgICAgICBpc1NlbGVjdGVkIHx8IGlzT3ZlcmZseSB8fCByYXRpbmcudmFsdWUgPD0gdmFsdWVcbiAgICAgICAgICAgICAgICA/IHJhdGluZy5pbWdTZWxlY3RlZFxuICAgICAgICAgICAgICAgIDogcmF0aW5nLmltZ05vdFNlbGVjdGVkXG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKVxuICAgICAgfSl9XG4gICAgPC9TdGFjaz5cbiAgKVxufVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const Image = /* @__PURE__ */ _styled("img", process.env.NODE_ENV === "production" ? {
-  target: "epmg9lb0"
-} : {
-  target: "epmg9lb0",
-  label: "Image"
-})("height:88px;width:88px;cursor:pointer;transition:transform 1s cubic-bezier(0.19, 1, 0.22, 1);&:hover,&:focus{", scaled, ";}", ({
-  isHovered,
-  isSelected
-}) => isHovered && isSelected && scaled, " ", ({
-  isSelected,
-  isHappy
-}) => isSelected && /* @__PURE__ */ css("animation:", isHappy ? happyAnim : angryAnim, " 1s ease infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:Image;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ3VzdG9tZXJTYXRpc2ZhY3Rpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRHTyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL0N1c3RvbWVyU2F0aXNmYWN0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB7IHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgcmF0aW5nMSBmcm9tICcuL2Fzc2V0cy8xLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzFOUyBmcm9tICcuL2Fzc2V0cy8xLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nMiBmcm9tICcuL2Fzc2V0cy8yLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzJOUyBmcm9tICcuL2Fzc2V0cy8yLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nMyBmcm9tICcuL2Fzc2V0cy8zLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzNOUyBmcm9tICcuL2Fzc2V0cy8zLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nNCBmcm9tICcuL2Fzc2V0cy80LTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzROUyBmcm9tICcuL2Fzc2V0cy80LTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nNSBmcm9tICcuL2Fzc2V0cy81LTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzVOUyBmcm9tICcuL2Fzc2V0cy81LTVOQi5zdmcnXG5cbmNvbnN0IHJhdGluZ3MgPSBbXG4gIHtcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nMU5TLFxuICAgIGltZ1NlbGVjdGVkOiByYXRpbmcxLFxuICAgIHZhbHVlOiAxLFxuICB9LFxuICB7XG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzJOUyxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nMixcbiAgICB2YWx1ZTogMixcbiAgfSxcbiAge1xuICAgIGltZ05vdFNlbGVjdGVkOiByYXRpbmczTlMsXG4gICAgaW1nU2VsZWN0ZWQ6IHJhdGluZzMsXG4gICAgdmFsdWU6IDMsXG4gIH0sXG4gIHtcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nNE5TLFxuICAgIGltZ1NlbGVjdGVkOiByYXRpbmc0LFxuICAgIHZhbHVlOiA0LFxuICB9LFxuICB7XG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzVOUyxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nNSxcbiAgICB2YWx1ZTogNSxcbiAgfSxcbl0gYXMgY29uc3RcblxudHlwZSBWYWx1ZSA9ICh0eXBlb2YgcmF0aW5ncylbbnVtYmVyXVsndmFsdWUnXVxuXG5jb25zdCBhbmdyeUFuaW0gPSBrZXlmcmFtZXNgXG4gIGZyb20sIDEwJSwgNDAlLCA4MCUsIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDAsIDApO1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG4gIDMwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNXB4LCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg1ZGVnKTtcbiAgfVxuXG4gIDYwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNHB4LCAwLCAwKTtcbiAgfVxuXG4gIDkwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtMXB4LCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNWRlZyk7XG4gIH1cbmBcblxuY29uc3QgaGFwcHlBbmltID0ga2V5ZnJhbWVzYFxuICBmcm9tLCAxMCUsIDQwJSwgODAlLCB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAzMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgNXB4LCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg1ZGVnKTtcbiAgfVxuXG4gIDYwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAtNnB4LCAwKTtcbiAgfVxuXG4gIDkwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAtMnB4LCAwKTtcbiAgfVxuYFxuXG5jb25zdCBzY2FsZWQgPSBjc3NgXG4gIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbmBcblxuY29uc3QgSW1hZ2UgPSBzdHlsZWQuaW1nPHtcbiAgaXNTZWxlY3RlZDogYm9vbGVhblxuICBpc0hvdmVyZWQ6IGJvb2xlYW5cbiAgaXNIYXBweTogYm9vbGVhblxufT5gXG4gIGhlaWdodDogODhweDtcbiAgd2lkdGg6IDg4cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDFzIGN1YmljLWJlemllcigwLjE5LCAxLCAwLjIyLCAxKTtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAke3NjYWxlZH07XG4gIH1cblxuICAkeyh7IGlzSG92ZXJlZCwgaXNTZWxlY3RlZCB9KSA9PiBpc0hvdmVyZWQgJiYgaXNTZWxlY3RlZCAmJiBzY2FsZWR9XG4gICR7KHsgaXNTZWxlY3RlZCwgaXNIYXBweSB9KSA9PlxuICAgIGlzU2VsZWN0ZWQgJiZcbiAgICBjc3NgXG4gICAgICBhbmltYXRpb246ICR7aXNIYXBweSA/IGhhcHB5QW5pbSA6IGFuZ3J5QW5pbX0gMXMgZWFzZSBpbmZpbml0ZTtcbiAgICBgfVxuYFxuXG50eXBlIEN1c3RvbWVyU2F0aXNmYWN0aW9uUHJvcHMgPSB7XG4gIHZhbHVlOiBWYWx1ZVxuICBvbkNoYW5nZTogKHJhdGluZzogVmFsdWUpID0+IHZvaWRcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEN1c3RvbWVyU2F0aXNmYWN0aW9uID0gKHtcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG59OiBDdXN0b21lclNhdGlzZmFjdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IFtob3ZlcmVkVmFsdWUsIHNldEhvdmVyZWRWYWx1ZV0gPSB1c2VTdGF0ZSgwKVxuICBjb25zdCBpc0hhcHB5ID0gdXNlTWVtbygoKSA9PiB2YWx1ZSA+IHJhdGluZ3MubGVuZ3RoIC8gMiwgW3ZhbHVlXSlcblxuICByZXR1cm4gKFxuICAgIDxTdGFja1xuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgID5cbiAgICAgIHtyYXRpbmdzLm1hcChyYXRpbmcgPT4ge1xuICAgICAgICBjb25zdCBpc1NlbGVjdGVkID0gcmF0aW5nLnZhbHVlID09PSB2YWx1ZVxuICAgICAgICBjb25zdCBpc0hvdmVyZWQgPSByYXRpbmcudmFsdWUgPT09IGhvdmVyZWRWYWx1ZVxuICAgICAgICBjb25zdCBpc092ZXJmbHkgPSByYXRpbmcudmFsdWUgPD0gaG92ZXJlZFZhbHVlXG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtgJHtkYXRhVGVzdElkfS0ke3JhdGluZy52YWx1ZX1gfVxuICAgICAgICAgICAgaXNIYXBweT17aXNIYXBweX1cbiAgICAgICAgICAgIGlzSG92ZXJlZD17aXNIb3ZlcmVkfVxuICAgICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgIGtleT17cmF0aW5nLnZhbHVlfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBvbkNoYW5nZShyYXRpbmcudmFsdWUpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgb25Nb3VzZUVudGVyPXsoKSA9PiB7XG4gICAgICAgICAgICAgIHNldEhvdmVyZWRWYWx1ZShyYXRpbmcudmFsdWUpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgb25Nb3VzZUxlYXZlPXsoKSA9PiB7XG4gICAgICAgICAgICAgIHNldEhvdmVyZWRWYWx1ZSgwKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIHNyYz17XG4gICAgICAgICAgICAgIGlzU2VsZWN0ZWQgfHwgaXNPdmVyZmx5IHx8IHJhdGluZy52YWx1ZSA8PSB2YWx1ZVxuICAgICAgICAgICAgICAgID8gcmF0aW5nLmltZ1NlbGVjdGVkXG4gICAgICAgICAgICAgICAgOiByYXRpbmcuaW1nTm90U2VsZWN0ZWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApXG4gICAgICB9KX1cbiAgICA8L1N0YWNrPlxuICApXG59XG4iXX0= */"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ3VzdG9tZXJTYXRpc2ZhY3Rpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThGRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL0N1c3RvbWVyU2F0aXNmYWN0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB7IHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgcmF0aW5nMSBmcm9tICcuL2Fzc2V0cy8xLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzFOUyBmcm9tICcuL2Fzc2V0cy8xLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nMiBmcm9tICcuL2Fzc2V0cy8yLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzJOUyBmcm9tICcuL2Fzc2V0cy8yLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nMyBmcm9tICcuL2Fzc2V0cy8zLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzNOUyBmcm9tICcuL2Fzc2V0cy8zLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nNCBmcm9tICcuL2Fzc2V0cy80LTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzROUyBmcm9tICcuL2Fzc2V0cy80LTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nNSBmcm9tICcuL2Fzc2V0cy81LTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzVOUyBmcm9tICcuL2Fzc2V0cy81LTVOQi5zdmcnXG5cbmNvbnN0IHJhdGluZ3MgPSBbXG4gIHtcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nMU5TLFxuICAgIGltZ1NlbGVjdGVkOiByYXRpbmcxLFxuICAgIHZhbHVlOiAxLFxuICB9LFxuICB7XG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzJOUyxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nMixcbiAgICB2YWx1ZTogMixcbiAgfSxcbiAge1xuICAgIGltZ05vdFNlbGVjdGVkOiByYXRpbmczTlMsXG4gICAgaW1nU2VsZWN0ZWQ6IHJhdGluZzMsXG4gICAgdmFsdWU6IDMsXG4gIH0sXG4gIHtcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nNE5TLFxuICAgIGltZ1NlbGVjdGVkOiByYXRpbmc0LFxuICAgIHZhbHVlOiA0LFxuICB9LFxuICB7XG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzVOUyxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nNSxcbiAgICB2YWx1ZTogNSxcbiAgfSxcbl0gYXMgY29uc3RcblxudHlwZSBWYWx1ZSA9ICh0eXBlb2YgcmF0aW5ncylbbnVtYmVyXVsndmFsdWUnXVxuXG5jb25zdCBhbmdyeUFuaW0gPSBrZXlmcmFtZXNgXG4gIGZyb20sIDEwJSwgNDAlLCA4MCUsIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDAsIDApO1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG4gIDMwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNXB4LCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg1ZGVnKTtcbiAgfVxuXG4gIDYwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNHB4LCAwLCAwKTtcbiAgfVxuXG4gIDkwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtMXB4LCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNWRlZyk7XG4gIH1cbmBcblxuY29uc3QgaGFwcHlBbmltID0ga2V5ZnJhbWVzYFxuICBmcm9tLCAxMCUsIDQwJSwgODAlLCB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAzMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgNXB4LCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg1ZGVnKTtcbiAgfVxuXG4gIDYwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAtNnB4LCAwKTtcbiAgfVxuXG4gIDkwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAtMnB4LCAwKTtcbiAgfVxuYFxuXG5jb25zdCBzY2FsZWQgPSBjc3NgXG4gIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbmBcblxuY29uc3QgSW1hZ2UgPSBzdHlsZWQuaW1nPHtcbiAgaXNTZWxlY3RlZDogYm9vbGVhblxuICBpc0hvdmVyZWQ6IGJvb2xlYW5cbiAgaXNIYXBweTogYm9vbGVhblxufT5gXG4gIGhlaWdodDogODhweDtcbiAgd2lkdGg6IDg4cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDFzIGN1YmljLWJlemllcigwLjE5LCAxLCAwLjIyLCAxKTtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAke3NjYWxlZH07XG4gIH1cblxuICAkeyh7IGlzSG92ZXJlZCwgaXNTZWxlY3RlZCB9KSA9PiBpc0hvdmVyZWQgJiYgaXNTZWxlY3RlZCAmJiBzY2FsZWR9XG4gICR7KHsgaXNTZWxlY3RlZCwgaXNIYXBweSB9KSA9PlxuICAgIGlzU2VsZWN0ZWQgJiZcbiAgICBjc3NgXG4gICAgICBhbmltYXRpb246ICR7aXNIYXBweSA/IGhhcHB5QW5pbSA6IGFuZ3J5QW5pbX0gMXMgZWFzZSBpbmZpbml0ZTtcbiAgICBgfVxuYFxuXG50eXBlIEN1c3RvbWVyU2F0aXNmYWN0aW9uUHJvcHMgPSB7XG4gIHZhbHVlOiBWYWx1ZVxuICBvbkNoYW5nZTogKHJhdGluZzogVmFsdWUpID0+IHZvaWRcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEN1c3RvbWVyU2F0aXNmYWN0aW9uID0gKHtcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG59OiBDdXN0b21lclNhdGlzZmFjdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IFtob3ZlcmVkVmFsdWUsIHNldEhvdmVyZWRWYWx1ZV0gPSB1c2VTdGF0ZSgwKVxuICBjb25zdCBpc0hhcHB5ID0gdXNlTWVtbygoKSA9PiB2YWx1ZSA+IHJhdGluZ3MubGVuZ3RoIC8gMiwgW3ZhbHVlXSlcblxuICByZXR1cm4gKFxuICAgIDxTdGFja1xuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgID5cbiAgICAgIHtyYXRpbmdzLm1hcChyYXRpbmcgPT4ge1xuICAgICAgICBjb25zdCBpc1NlbGVjdGVkID0gcmF0aW5nLnZhbHVlID09PSB2YWx1ZVxuICAgICAgICBjb25zdCBpc0hvdmVyZWQgPSByYXRpbmcudmFsdWUgPT09IGhvdmVyZWRWYWx1ZVxuICAgICAgICBjb25zdCBpc092ZXJmbHkgPSByYXRpbmcudmFsdWUgPD0gaG92ZXJlZFZhbHVlXG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtgJHtkYXRhVGVzdElkfS0ke3JhdGluZy52YWx1ZX1gfVxuICAgICAgICAgICAgaXNIYXBweT17aXNIYXBweX1cbiAgICAgICAgICAgIGlzSG92ZXJlZD17aXNIb3ZlcmVkfVxuICAgICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgIGtleT17cmF0aW5nLnZhbHVlfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBvbkNoYW5nZShyYXRpbmcudmFsdWUpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgb25Nb3VzZUVudGVyPXsoKSA9PiB7XG4gICAgICAgICAgICAgIHNldEhvdmVyZWRWYWx1ZShyYXRpbmcudmFsdWUpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgb25Nb3VzZUxlYXZlPXsoKSA9PiB7XG4gICAgICAgICAgICAgIHNldEhvdmVyZWRWYWx1ZSgwKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIHNyYz17XG4gICAgICAgICAgICAgIGlzU2VsZWN0ZWQgfHwgaXNPdmVyZmx5IHx8IHJhdGluZy52YWx1ZSA8PSB2YWx1ZVxuICAgICAgICAgICAgICAgID8gcmF0aW5nLmltZ1NlbGVjdGVkXG4gICAgICAgICAgICAgICAgOiByYXRpbmcuaW1nTm90U2VsZWN0ZWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApXG4gICAgICB9KX1cbiAgICA8L1N0YWNrPlxuICApXG59XG4iXX0= */"));
 const CustomerSatisfaction = ({
   value,
   onChange,
@@ -105,10 +44,15 @@ const CustomerSatisfaction = ({
   const isHappy = useMemo(() => value > ratings.length / 2, [value]);
   return /* @__PURE__ */ jsx(Stack, { className, "data-testid": dataTestId, direction: "row", justifyContent: "space-between", children: ratings.map((rating) => {
     const isSelected = rating.value === value;
-    const isHovered = rating.value === hoveredValue;
     const isOverfly = rating.value <= hoveredValue;
-    return /* @__PURE__ */ jsx(Image, { "data-testid": `${dataTestId}-${rating.value}`, isHappy, isHovered, isSelected, onClick: () => {
+    const isScaled = rating.value === hoveredValue && isSelected;
+    const animated = isHappy ? "happy" : "angry";
+    return /* @__PURE__ */ jsx("img", { alt: "rating", className: customerStatisfaction({
+      animated: isSelected ? animated : void 0,
+      isScaled
+    }), "data-testid": `${dataTestId}-${rating.value}`, onClick: () => {
       onChange(rating.value);
+    }, onKeyDown: () => {
     }, onMouseEnter: () => {
       setHoveredValue(rating.value);
     }, onMouseLeave: () => {

package/dist/components/CustomerSatisfaction/styles.css.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var customerStatisfaction = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_wizdzu2", variantClassNames: { isScaled: { true: "uv_plus_wizdzu3" }, animated: { happy: "uv_plus_wizdzu4", angry: "uv_plus_wizdzu5" } }, defaultVariants: {}, compoundVariants: [] });
+exports.customerStatisfaction = customerStatisfaction;

package/dist/components/CustomerSatisfaction/styles.css.d.ts

@@ -0,0 +1,17 @@
+export declare const angryAnimation: string;
+export declare const happyAnimation: string;
+export declare const customerStatisfaction: import("@vanilla-extract/recipes").RuntimeFn<{
+    isScaled: {
+        true: {
+            transform: "scale(1.2)";
+        };
+    };
+    animated: {
+        happy: {
+            animation: `${string} 1s ease infinite`;
+        };
+        angry: {
+            animation: `${string} 1s ease infinite`;
+        };
+    };
+}>;

package/dist/components/CustomerSatisfaction/styles.css.js

@@ -0,0 +1,6 @@
+/* empty css                          */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var customerStatisfaction = createRuntimeFn({ defaultClassName: "uv_plus_wizdzu2", variantClassNames: { isScaled: { true: "uv_plus_wizdzu3" }, animated: { happy: "uv_plus_wizdzu4", angry: "uv_plus_wizdzu5" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  customerStatisfaction
+};