@hitachivantara/uikit-react-core 5.23.0 → 5.24.0

package/dist/esm/components/Radio/Radio.styles.js

@@ -1,128 +1,73 @@
-import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
 import { outlineStyles } from "../../utils/focusUtils.js";
-import { transientOptions } from "../../utils/transientOptions.js";
-import { jsx } from "@emotion/react/jsx-runtime";
-import { HvBaseRadio } from "../BaseRadio/BaseRadio.js";
-import { HvFormElement } from "../Forms/FormElement/FormElement.js";
-import { HvLabel } from "../Forms/Label/Label.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).";
-}
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+import { createClasses } from "../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvRadio", {
+  root: {
+    display: "inline-block"
+  },
+  container: {
+    cursor: "pointer",
+    display: "flex",
+    height: "32px",
+    transitionProperty: "background-color",
+    transitionDuration: "150ms",
+    transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
+    transitionDelay: "0ms",
+    "&:hover": {
+      backgroundColor: theme.radio.hoverColor,
+      borderRadius: theme.radio.borderRadius
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-const StyledHvBaseRadio = /* @__PURE__ */ _styled(HvBaseRadio, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e11n8xyl3"
-}, transientOptions) : _extends({}, {
-  target: "e11n8xyl3",
-  label: "StyledHvBaseRadio"
-}, transientOptions))(({
-  $invalid
-}) => ({
-  height: "32px",
-  ...$invalid && {
+  },
+  invalidContainer: {
     borderBottom: `1px solid ${theme.colors.negative}`,
     "&:hover": {
       borderBottomLeftRadius: "0px",
       borderBottomRightRadius: "0px"
     }
   },
-  "& svg": {
-    outline: "none",
-    boxShadow: "none"
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW8vUmFkaW8uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9SYWRpby9SYWRpby5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQge1xuICBIdkZvcm1FbGVtZW50LFxuICBIdkZvcm1FbGVtZW50UHJvcHMsXG4gIEh2TGFiZWwsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0Zvcm1zXCI7XG5pbXBvcnQgeyBIdkJhc2VSYWRpbyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0Jhc2VSYWRpb1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJAY29yZS91dGlscy9mb2N1c1V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEh2QmFzZVJhZGlvID0gc3R5bGVkKFxuICBIdkJhc2VSYWRpbyxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaW52YWxpZCB9OiB7ICRpbnZhbGlkOiBib29sZWFuIH0pID0+ICh7XG4gIGhlaWdodDogXCIzMnB4XCIsXG5cbiAgLi4uKCRpbnZhbGlkICYmIHtcbiAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmVnYXRpdmV9YCxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBweFwiLFxuICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gICAgfSxcbiAgfSksXG5cbiAgXCImIHN2Z1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEh2Rm9ybUVsZW1lbnQgPSBzdHlsZWQoKHByb3BzOiBIdkZvcm1FbGVtZW50UHJvcHMpID0+IChcbiAgPEh2Rm9ybUVsZW1lbnQgey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaXZDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGludmFsaWQsXG4gICAgJGZvY3VzVmlzaWJsZSxcbiAgICAkZGlzYWJsZWQsXG4gIH06IHtcbiAgICAkZGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJGludmFsaWQ6IGJvb2xlYW47XG4gICAgJGZvY3VzVmlzaWJsZTogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgdHJhbnNpdGlvblByb3BlcnR5OiBcImJhY2tncm91bmQtY29sb3JcIixcbiAgICB0cmFuc2l0aW9uRHVyYXRpb246IFwiMTUwbXNcIixcbiAgICB0cmFuc2l0aW9uVGltaW5nRnVuY3Rpb246IFwiY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKVwiLFxuICAgIHRyYW5zaXRpb25EZWxheTogXCIwbXNcIixcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnJhZGlvLmhvdmVyQ29sb3IsXG4gICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlvLmJvcmRlclJhZGl1cyxcblxuICAgICAgLi4uKCRpbnZhbGlkICYmIHtcbiAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9KSxcblxuICAgIC4uLigkaW52YWxpZCAmJiB7XG4gICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmVnYXRpdmV9YCxcbiAgICB9KSxcblxuICAgIC4uLigkZm9jdXNWaXNpYmxlICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIdkxhYmVsID0gc3R5bGVkKFxuICBIdkxhYmVsLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCB9OiB7ICRkaXNhYmxlZDogYm9vbGVhbiB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCIsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGxpbmVIZWlnaHQ6IFwiMzJweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0pLFxufSkpO1xuIl19 */");
-const StyledHvFormElement = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvFormElement, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
-  target: "e11n8xyl2"
-} : {
-  target: "e11n8xyl2",
-  label: "StyledHvFormElement"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1r5gb7q",
-  styles: "display:inline-block"
-} : {
-  name: "1r5gb7q",
-  styles: "display:inline-block",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW8vUmFkaW8uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ21DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW8vUmFkaW8uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHtcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZGb3JtRWxlbWVudFByb3BzLFxuICBIdkxhYmVsLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9Gb3Jtc1wiO1xuaW1wb3J0IHsgSHZCYXNlUmFkaW8gfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9CYXNlUmFkaW9cIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIdkJhc2VSYWRpbyA9IHN0eWxlZChcbiAgSHZCYXNlUmFkaW8sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGludmFsaWQgfTogeyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfWAsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICAgIH0sXG4gIH0pLFxuXG4gIFwiJiBzdmdcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIdkZvcm1FbGVtZW50ID0gc3R5bGVkKChwcm9wczogSHZGb3JtRWxlbWVudFByb3BzKSA9PiAoXG4gIDxIdkZvcm1FbGVtZW50IHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRGl2Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRpbnZhbGlkLFxuICAgICRmb2N1c1Zpc2libGUsXG4gICAgJGRpc2FibGVkLFxuICB9OiB7XG4gICAgJGRpc2FibGVkOiBib29sZWFuO1xuICAgICRpbnZhbGlkOiBib29sZWFuO1xuICAgICRmb2N1c1Zpc2libGU6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBoZWlnaHQ6IFwiMzJweFwiLFxuICAgIHRyYW5zaXRpb25Qcm9wZXJ0eTogXCJiYWNrZ3JvdW5kLWNvbG9yXCIsXG4gICAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjE1MG1zXCIsXG4gICAgdHJhbnNpdGlvblRpbWluZ0Z1bmN0aW9uOiBcImN1YmljLWJlemllcigwLjQsIDAsIDAuMiwgMSlcIixcbiAgICB0cmFuc2l0aW9uRGVsYXk6IFwiMG1zXCIsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5yYWRpby5ob3ZlckNvbG9yLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpby5ib3JkZXJSYWRpdXMsXG5cbiAgICAgIC4uLigkaW52YWxpZCAmJiB7XG4gICAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMHB4XCIsXG4gICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICAgICAgfSksXG4gICAgfSxcblxuICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgfSksXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfWAsXG4gICAgfSksXG5cbiAgICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSHZMYWJlbCA9IHN0eWxlZChcbiAgSHZMYWJlbCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZGlzYWJsZWQgfTogeyAkZGlzYWJsZWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB2ZXJ0aWNhbEFsaWduOiBcIm1pZGRsZVwiLFxuICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBsaW5lSGVpZ2h0OiBcIjMycHhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcbn0pKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledDivContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e11n8xyl1"
-}, transientOptions) : _extends({}, {
-  target: "e11n8xyl1",
-  label: "StyledDivContainer"
-}, transientOptions))(({
-  $invalid,
-  $focusVisible,
-  $disabled
-}) => ({
-  cursor: "pointer",
-  display: "flex",
-  height: "32px",
-  transitionProperty: "background-color",
-  transitionDuration: "150ms",
-  transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
-  transitionDelay: "0ms",
-  "&:hover": {
-    backgroundColor: theme.radio.hoverColor,
-    borderRadius: theme.radio.borderRadius,
-    ...$invalid && {
+  disabled: {
+    cursor: "not-allowed",
+    "& $label": {
+      color: theme.colors.secondary_60,
+      cursor: "not-allowed"
+    }
+  },
+  radio: {
+    height: "32px",
+    "& svg": {
+      outline: "none",
+      boxShadow: "none"
+    }
+  },
+  invalidRadio: {
+    borderBottom: `1px solid ${theme.colors.negative}`,
+    "&:hover": {
       borderBottomLeftRadius: "0px",
       borderBottomRightRadius: "0px"
     }
   },
-  ...$disabled && {
-    cursor: "not-allowed"
+  label: {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    verticalAlign: "middle",
+    paddingRight: theme.space.xs,
+    whiteSpace: "nowrap",
+    ...theme.typography.body,
+    cursor: "pointer",
+    height: "32px",
+    lineHeight: "32px",
+    width: "100%"
   },
-  ...$invalid && {
-    borderBottom: `1px solid ${theme.colors.negative}`
-  },
-  ...$focusVisible && {
+  focusVisible: {
     backgroundColor: theme.colors.atmo3,
     ...outlineStyles
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW8vUmFkaW8uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ2tDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW8vUmFkaW8uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHtcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZGb3JtRWxlbWVudFByb3BzLFxuICBIdkxhYmVsLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9Gb3Jtc1wiO1xuaW1wb3J0IHsgSHZCYXNlUmFkaW8gfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9CYXNlUmFkaW9cIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIdkJhc2VSYWRpbyA9IHN0eWxlZChcbiAgSHZCYXNlUmFkaW8sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGludmFsaWQgfTogeyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfWAsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICAgIH0sXG4gIH0pLFxuXG4gIFwiJiBzdmdcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIdkZvcm1FbGVtZW50ID0gc3R5bGVkKChwcm9wczogSHZGb3JtRWxlbWVudFByb3BzKSA9PiAoXG4gIDxIdkZvcm1FbGVtZW50IHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRGl2Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRpbnZhbGlkLFxuICAgICRmb2N1c1Zpc2libGUsXG4gICAgJGRpc2FibGVkLFxuICB9OiB7XG4gICAgJGRpc2FibGVkOiBib29sZWFuO1xuICAgICRpbnZhbGlkOiBib29sZWFuO1xuICAgICRmb2N1c1Zpc2libGU6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBoZWlnaHQ6IFwiMzJweFwiLFxuICAgIHRyYW5zaXRpb25Qcm9wZXJ0eTogXCJiYWNrZ3JvdW5kLWNvbG9yXCIsXG4gICAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjE1MG1zXCIsXG4gICAgdHJhbnNpdGlvblRpbWluZ0Z1bmN0aW9uOiBcImN1YmljLWJlemllcigwLjQsIDAsIDAuMiwgMSlcIixcbiAgICB0cmFuc2l0aW9uRGVsYXk6IFwiMG1zXCIsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5yYWRpby5ob3ZlckNvbG9yLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpby5ib3JkZXJSYWRpdXMsXG5cbiAgICAgIC4uLigkaW52YWxpZCAmJiB7XG4gICAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMHB4XCIsXG4gICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICAgICAgfSksXG4gICAgfSxcblxuICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgfSksXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfWAsXG4gICAgfSksXG5cbiAgICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSHZMYWJlbCA9IHN0eWxlZChcbiAgSHZMYWJlbCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZGlzYWJsZWQgfTogeyAkZGlzYWJsZWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB2ZXJ0aWNhbEFsaWduOiBcIm1pZGRsZVwiLFxuICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBsaW5lSGVpZ2h0OiBcIjMycHhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
-const StyledHvLabel = /* @__PURE__ */ _styled(HvLabel, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e11n8xyl0"
-}, transientOptions) : _extends({}, {
-  target: "e11n8xyl0",
-  label: "StyledHvLabel"
-}, transientOptions))(({
-  $disabled
-}) => ({
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  verticalAlign: "middle",
-  paddingRight: theme.space.xs,
-  whiteSpace: "nowrap",
-  ...theme.typography.body,
-  cursor: "pointer",
-  height: "32px",
-  lineHeight: "32px",
-  width: "100%",
-  ...$disabled && {
-    color: theme.colors.secondary_60,
-    cursor: "not-allowed"
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW8vUmFkaW8uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RjZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW8vUmFkaW8uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHtcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZGb3JtRWxlbWVudFByb3BzLFxuICBIdkxhYmVsLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9Gb3Jtc1wiO1xuaW1wb3J0IHsgSHZCYXNlUmFkaW8gfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9CYXNlUmFkaW9cIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIdkJhc2VSYWRpbyA9IHN0eWxlZChcbiAgSHZCYXNlUmFkaW8sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGludmFsaWQgfTogeyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfWAsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICAgIH0sXG4gIH0pLFxuXG4gIFwiJiBzdmdcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIdkZvcm1FbGVtZW50ID0gc3R5bGVkKChwcm9wczogSHZGb3JtRWxlbWVudFByb3BzKSA9PiAoXG4gIDxIdkZvcm1FbGVtZW50IHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRGl2Q29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRpbnZhbGlkLFxuICAgICRmb2N1c1Zpc2libGUsXG4gICAgJGRpc2FibGVkLFxuICB9OiB7XG4gICAgJGRpc2FibGVkOiBib29sZWFuO1xuICAgICRpbnZhbGlkOiBib29sZWFuO1xuICAgICRmb2N1c1Zpc2libGU6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBoZWlnaHQ6IFwiMzJweFwiLFxuICAgIHRyYW5zaXRpb25Qcm9wZXJ0eTogXCJiYWNrZ3JvdW5kLWNvbG9yXCIsXG4gICAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjE1MG1zXCIsXG4gICAgdHJhbnNpdGlvblRpbWluZ0Z1bmN0aW9uOiBcImN1YmljLWJlemllcigwLjQsIDAsIDAuMiwgMSlcIixcbiAgICB0cmFuc2l0aW9uRGVsYXk6IFwiMG1zXCIsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5yYWRpby5ob3ZlckNvbG9yLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpby5ib3JkZXJSYWRpdXMsXG5cbiAgICAgIC4uLigkaW52YWxpZCAmJiB7XG4gICAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMHB4XCIsXG4gICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICAgICAgfSksXG4gICAgfSxcblxuICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgfSksXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfWAsXG4gICAgfSksXG5cbiAgICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSHZMYWJlbCA9IHN0eWxlZChcbiAgSHZMYWJlbCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZGlzYWJsZWQgfTogeyAkZGlzYWJsZWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB2ZXJ0aWNhbEFsaWduOiBcIm1pZGRsZVwiLFxuICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBsaW5lSGVpZ2h0OiBcIjMycHhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
+});
 export {
-  StyledDivContainer,
-  StyledHvBaseRadio,
-  StyledHvFormElement,
-  StyledHvLabel
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=Radio.styles.js.map

package/dist/esm/components/Radio/Radio.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.styles.js","sources":["../../../../src/components/Radio/Radio.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { CSSProperties } from \"react\";\n\nimport {\n  HvFormElement,\n  HvFormElementProps,\n  HvLabel,\n} from \"@core/components/Forms\";\nimport { HvBaseRadio } from \"@core/components/BaseRadio\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledHvBaseRadio = styled(\n  HvBaseRadio,\n  transientOptions\n)(({ $invalid }: { $invalid: boolean }) => ({\n  height: \"32px\",\n\n  ...($invalid && {\n    borderBottom: `1px solid ${theme.colors.negative}`,\n\n    \"&:hover\": {\n      borderBottomLeftRadius: \"0px\",\n      borderBottomRightRadius: \"0px\",\n    },\n  }),\n\n  \"& svg\": {\n    outline: \"none\",\n    boxShadow: \"none\",\n  },\n}));\n\nexport const StyledHvFormElement = styled((props: HvFormElementProps) => (\n  <HvFormElement {...props} />\n))({\n  display: \"inline-block\",\n});\n\nexport const StyledDivContainer = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $invalid,\n    $focusVisible,\n    $disabled,\n  }: {\n    $disabled: boolean;\n    $invalid: boolean;\n    $focusVisible: boolean;\n  }) => ({\n    cursor: \"pointer\",\n    display: \"flex\",\n    height: \"32px\",\n    transitionProperty: \"background-color\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    transitionDelay: \"0ms\",\n\n    \"&:hover\": {\n      backgroundColor: theme.radio.hoverColor,\n      borderRadius: theme.radio.borderRadius,\n\n      ...($invalid && {\n        borderBottomLeftRadius: \"0px\",\n        borderBottomRightRadius: \"0px\",\n      }),\n    },\n\n    ...($disabled && {\n      cursor: \"not-allowed\",\n    }),\n\n    ...($invalid && {\n      borderBottom: `1px solid ${theme.colors.negative}`,\n    }),\n\n    ...($focusVisible && {\n      backgroundColor: theme.colors.atmo3,\n      ...outlineStyles,\n    }),\n  })\n);\n\nexport const StyledHvLabel = styled(\n  HvLabel,\n  transientOptions\n)(({ $disabled }: { $disabled: boolean }) => ({\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  verticalAlign: \"middle\",\n  paddingRight: theme.space.xs,\n  whiteSpace: \"nowrap\",\n  ...(theme.typography.body as CSSProperties),\n  cursor: \"pointer\",\n  height: \"32px\",\n  lineHeight: \"32px\",\n  width: \"100%\",\n\n  ...($disabled && {\n    color: theme.colors.secondary_60,\n    cursor: \"not-allowed\",\n  }),\n}));\n"],"names":["StyledHvBaseRadio","HvBaseRadio","process","env","NODE_ENV","_extends","target","transientOptions","label","$invalid","height","borderBottom","theme","colors","negative","borderBottomLeftRadius","borderBottomRightRadius","outline","boxShadow","StyledHvFormElement","_styled","props","HvFormElement","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledDivContainer","$focusVisible","$disabled","cursor","display","transitionProperty","transitionDuration","transitionTimingFunction","transitionDelay","backgroundColor","radio","hoverColor","borderRadius","atmo3","outlineStyles","StyledHvLabel","HvLabel","overflow","textOverflow","verticalAlign","paddingRight","space","xs","whiteSpace","typography","body","lineHeight","width","color","secondary_60"],"mappings":"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"}
+{"version":3,"file":"Radio.styles.js","sources":["../../../../src/components/Radio/Radio.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvRadio\", {\n  root: { display: \"inline-block\" },\n  container: {\n    cursor: \"pointer\",\n    display: \"flex\",\n    height: \"32px\",\n    transitionProperty: \"background-color\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    transitionDelay: \"0ms\",\n\n    \"&:hover\": {\n      backgroundColor: theme.radio.hoverColor,\n      borderRadius: theme.radio.borderRadius,\n    },\n  },\n  invalidContainer: {\n    borderBottom: `1px solid ${theme.colors.negative}`,\n\n    \"&:hover\": {\n      borderBottomLeftRadius: \"0px\",\n      borderBottomRightRadius: \"0px\",\n    },\n  },\n  disabled: {\n    cursor: \"not-allowed\",\n\n    \"& $label\": { color: theme.colors.secondary_60, cursor: \"not-allowed\" },\n  },\n  radio: {\n    height: \"32px\",\n\n    \"& svg\": {\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n  invalidRadio: {\n    borderBottom: `1px solid ${theme.colors.negative}`,\n\n    \"&:hover\": {\n      borderBottomLeftRadius: \"0px\",\n      borderBottomRightRadius: \"0px\",\n    },\n  },\n  label: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    verticalAlign: \"middle\",\n    paddingRight: theme.space.xs,\n    whiteSpace: \"nowrap\",\n    ...theme.typography.body,\n    cursor: \"pointer\",\n    height: \"32px\",\n    lineHeight: \"32px\",\n    width: \"100%\",\n  },\n  focusVisible: { backgroundColor: theme.colors.atmo3, ...outlineStyles },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","container","cursor","height","transitionProperty","transitionDuration","transitionTimingFunction","transitionDelay","backgroundColor","theme","radio","hoverColor","borderRadius","invalidContainer","borderBottom","colors","negative","borderBottomLeftRadius","borderBottomRightRadius","disabled","color","secondary_60","outline","boxShadow","invalidRadio","label","overflow","textOverflow","verticalAlign","paddingRight","space","xs","whiteSpace","typography","body","lineHeight","width","focusVisible","atmo3","outlineStyles"],"mappings":";;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,WAAW;AAAA,EACpEC,MAAM;AAAA,IAAEC,SAAS;AAAA,EAAe;AAAA,EAChCC,WAAW;AAAA,IACTC,QAAQ;AAAA,IACRF,SAAS;AAAA,IACTG,QAAQ;AAAA,IACRC,oBAAoB;AAAA,IACpBC,oBAAoB;AAAA,IACpBC,0BAA0B;AAAA,IAC1BC,iBAAiB;AAAA,IAEjB,WAAW;AAAA,MACTC,iBAAiBC,MAAMC,MAAMC;AAAAA,MAC7BC,cAAcH,MAAMC,MAAME;AAAAA,IAC5B;AAAA,EACF;AAAA,EACAC,kBAAkB;AAAA,IAChBC,cAAe,aAAYL,MAAMM,OAAOC;AAAAA,IAExC,WAAW;AAAA,MACTC,wBAAwB;AAAA,MACxBC,yBAAyB;AAAA,IAC3B;AAAA,EACF;AAAA,EACAC,UAAU;AAAA,IACRjB,QAAQ;AAAA,IAER,YAAY;AAAA,MAAEkB,OAAOX,MAAMM,OAAOM;AAAAA,MAAcnB,QAAQ;AAAA,IAAc;AAAA,EACxE;AAAA,EACAQ,OAAO;AAAA,IACLP,QAAQ;AAAA,IAER,SAAS;AAAA,MACPmB,SAAS;AAAA,MACTC,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACAC,cAAc;AAAA,IACZV,cAAe,aAAYL,MAAMM,OAAOC;AAAAA,IAExC,WAAW;AAAA,MACTC,wBAAwB;AAAA,MACxBC,yBAAyB;AAAA,IAC3B;AAAA,EACF;AAAA,EACAO,OAAO;AAAA,IACLC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,eAAe;AAAA,IACfC,cAAcpB,MAAMqB,MAAMC;AAAAA,IAC1BC,YAAY;AAAA,IACZ,GAAGvB,MAAMwB,WAAWC;AAAAA,IACpBhC,QAAQ;AAAA,IACRC,QAAQ;AAAA,IACRgC,YAAY;AAAA,IACZC,OAAO;AAAA,EACT;AAAA,EACAC,cAAc;AAAA,IAAE7B,iBAAiBC,MAAMM,OAAOuB;AAAAA,IAAO,GAAGC;AAAAA,EAAc;AACxE,CAAC;"}

package/dist/esm/components/RadioGroup/RadioGroup.js

@@ -1,12 +1,13 @@
 import { useCallback, useMemo, Children, cloneElement } from "react";
 import { useDefaultProps } from "../../hooks/useDefaultProps.js";
-import { clsx } from "clsx";
 import { useUniqueId } from "../../hooks/useUniqueId.js";
 import { useControlled } from "../../hooks/useControlled.js";
 import { setId } from "../../utils/setId.js";
-import { StyledFormElement, StyledLabel, StyledGroup } from "./RadioGroup.styles.js";
-import radioGroupClasses from "./radioGroupClasses.js";
+import { useClasses } from "./RadioGroup.styles.js";
+import { staticClasses } from "./RadioGroup.styles.js";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { HvFormElement } from "../Forms/FormElement/FormElement.js";
+import { HvLabel } from "../Forms/Label/Label.js";
 import { HvInfoMessage } from "../Forms/InfoMessage/InfoMessage.js";
 import { HvWarningText } from "../Forms/WarningText/WarningText.js";
 const getValueFromSelectedChildren = (children) => {
@@ -26,7 +27,7 @@ const getValueFromSelectedChildren = (children) => {
 const HvRadioGroup = (props) => {
   const {
     id,
-    classes,
+    classes: classesProp,
     className,
     children,
     name,
@@ -47,6 +48,10 @@ const HvRadioGroup = (props) => {
     onChange,
     ...others
   } = useDefaultProps("HvRadioGroup", props);
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
   const elementId = useUniqueId(id, "hvradiogroup");
   const [value, setValue] = useControlled(valueProp, defaultValue !== void 0 ? defaultValue : (
     // When uncontrolled and no default value is given,
@@ -84,43 +89,45 @@ const HvRadioGroup = (props) => {
   }, [children, disabled, elementId, name, onChildChangeInterceptor, readOnly, required, value]);
   const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
   const errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
-  return /* @__PURE__ */ jsxs(StyledFormElement, {
+  return /* @__PURE__ */ jsxs(HvFormElement, {
     id,
     name,
     status: status || "standBy",
     disabled,
     required,
     readOnly,
-    className: clsx(className, classes == null ? void 0 : classes.root, radioGroupClasses.root),
-    children: [label && /* @__PURE__ */ jsx(StyledLabel, {
+    className: cx(classes.root, className),
+    children: [label && /* @__PURE__ */ jsx(HvLabel, {
       id: setId(elementId, "label"),
       label,
-      className: clsx(classes == null ? void 0 : classes.label, radioGroupClasses.label)
+      className: classes.label
     }), description && /* @__PURE__ */ jsx(HvInfoMessage, {
       id: setId(elementId, "description"),
       children: description
-    }), /* @__PURE__ */ jsx(StyledGroup, {
+    }), /* @__PURE__ */ jsx("div", {
       role: "radiogroup",
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy || label && setId(elementId, "label") || void 0,
       "aria-invalid": status === "invalid" ? true : void 0,
       "aria-errormessage": status === "invalid" ? errorMessageId : void 0,
       "aria-describedby": [description && setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || void 0,
-      className: clsx(classes == null ? void 0 : classes.group, radioGroupClasses.group, orientation === "vertical" && clsx(classes == null ? void 0 : classes.vertical, radioGroupClasses.vertical), orientation === "horizontal" && clsx(classes == null ? void 0 : classes.horizontal, radioGroupClasses.horizontal), status === "invalid" && clsx(classes == null ? void 0 : classes.invalid, radioGroupClasses.invalid)),
-      $vertical: orientation === "vertical",
-      $horizontal: orientation === "horizontal",
-      $invalid: status === "invalid",
+      className: cx(classes.group, {
+        [classes.vertical]: orientation === "vertical",
+        [classes.horizontal]: orientation === "horizontal",
+        [classes.invalid]: status === "invalid"
+      }),
       ...others,
       children: modifiedChildren
     }), canShowError && /* @__PURE__ */ jsx(HvWarningText, {
       id: setId(elementId, "error"),
       disableBorder: true,
-      className: clsx(classes == null ? void 0 : classes.error, radioGroupClasses.error),
+      className: classes.error,
       children: statusMessage
     })]
   });
 };
 export {
-  HvRadioGroup
+  HvRadioGroup,
+  staticClasses as radioGroupClasses
 };
 //# sourceMappingURL=RadioGroup.js.map

package/dist/esm/components/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { Children, useMemo, useCallback, cloneElement } from \"react\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { clsx } from \"clsx\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { setId } from \"@core/utils/setId\";\nimport {\n  HvFormStatus,\n  HvInfoMessage,\n  HvWarningText,\n} from \"@core/components/Forms\";\n\nimport {\n  StyledFormElement,\n  StyledGroup,\n  StyledLabel,\n} from \"./RadioGroup.styles\";\nimport radioGroupClasses, { HvRadioGroupClasses } from \"./radioGroupClasses\";\n\nexport interface HvRadioGroupProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n  /**\n   * The form element name.\n   *\n   * It is propagated to the children radio buttons, unless they already have one (which they shouldn't).\n   */\n  name?: string;\n  /**\n   * The value of the form element, represented in one of the child radio buttons values.\n   *\n   * When defined the radio button group state becomes controlled.\n   */\n  value?: any;\n  /**\n   * When uncontrolled, defines the initial value.\n   */\n  defaultValue?: any;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description?: React.ReactNode;\n  /**\n   * Indicates that the form element is disabled.\n   * If `true` the state is propagated to the children radio buttons.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the form element is not editable.\n   * If `true` the state is propagated to the children radio buttons.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user input is required on the form element.\n   * If `true` the state is propagated to the children radio buttons' input element.\n   */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage?: React.ReactNode;\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: any) => void;\n  /**\n   * Indicates whether the radio buttons group's orientation is horizontal or vertical.\n   *\n   * Defaults to vertical.\n   */\n  orientation?: \"vertical\" | \"horizontal\";\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvRadioGroupClasses;\n}\n\nconst getValueFromSelectedChildren = (children: React.ReactNode) => {\n  const childrenArray = Children.toArray(children);\n  const childrenCount = childrenArray.length;\n  for (let i = 0; i !== childrenCount; i += 1) {\n    const child: any = childrenArray[i];\n\n    const childIsControlled = child?.props?.checked !== undefined;\n    const childIsSelected = childIsControlled\n      ? child?.props?.checked\n      : child?.props?.defaultChecked;\n\n    if (childIsSelected) {\n      return child?.props?.value;\n    }\n  }\n\n  return null;\n};\n\n/**\n * A group of radio buttons.\n *\n * A radio group is a type of selection list that can only have a single entry checked at any one time.\n */\nexport const HvRadioGroup = (props: HvRadioGroupProps) => {\n  const {\n    id,\n    classes,\n    className,\n    children,\n    name,\n    value: valueProp,\n    defaultValue,\n    label,\n    description,\n    status,\n    statusMessage,\n    required = false,\n    readOnly = false,\n    disabled = false,\n    orientation = \"vertical\",\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    \"aria-errormessage\": ariaErrorMessage,\n    onChange,\n    ...others\n  } = useDefaultProps(\"HvRadioGroup\", props);\n\n  const elementId = useUniqueId(id, \"hvradiogroup\");\n\n  const [value, setValue] = useControlled(\n    valueProp,\n    defaultValue !== undefined\n      ? defaultValue\n      : // When uncontrolled and no default value is given,\n        // extract the initial selected values from the children own state\n        () => getValueFromSelectedChildren(children)\n  );\n\n  const onChildChangeInterceptor = useCallback(\n    (\n      childOnChange: (\n        event: React.ChangeEvent<HTMLInputElement>,\n        checked: boolean,\n        value: any\n      ) => void,\n      event: React.ChangeEvent<HTMLInputElement>,\n      isChecked: boolean,\n      newValue: any\n    ) => {\n      childOnChange?.(event, isChecked, newValue);\n\n      onChange?.(event, newValue);\n\n      setValue(newValue);\n    },\n    [onChange, setValue]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return Children.map(children, (child: any) => {\n      const childValue = child?.props?.value ?? \"on\";\n\n      const childIsSelected = childValue === value;\n\n      return cloneElement(child, {\n        checked: childIsSelected,\n        name: child?.props?.name || name || elementId,\n        onChange: (\n          event: React.ChangeEvent<HTMLInputElement>,\n          isChecked: boolean,\n          newValue: any\n        ) =>\n          onChildChangeInterceptor(\n            child?.props?.onChange,\n            event,\n            isChecked,\n            newValue\n          ),\n        inputProps: {\n          ...child?.props?.inputProps,\n          // Set the required attribute directly in the input\n          // the radio form element context shouldn't be aware so the\n          // label doesn't show redundant asterisk\n          required,\n        },\n        disabled: disabled || child?.props?.disabled,\n        readOnly: readOnly || child?.props?.readOnly,\n      });\n    });\n  }, [\n    children,\n    disabled,\n    elementId,\n    name,\n    onChildChangeInterceptor,\n    readOnly,\n    required,\n    value,\n  ]);\n\n  // The error message area will only be created if:\n  //   - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const errorMessageId = canShowError\n    ? setId(elementId, \"error\")\n    : ariaErrorMessage;\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={status || \"standBy\"}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes?.root, radioGroupClasses.root)}\n    >\n      {label && (\n        <StyledLabel\n          id={setId(elementId, \"label\")}\n          label={label}\n          className={clsx(classes?.label, radioGroupClasses.label)}\n        />\n      )}\n\n      {description && (\n        <HvInfoMessage id={setId(elementId, \"description\")}>\n          {description}\n        </HvInfoMessage>\n      )}\n\n      <StyledGroup\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        aria-labelledby={\n          ariaLabelledBy || (label && setId(elementId, \"label\")) || undefined\n        }\n        aria-invalid={status === \"invalid\" ? true : undefined}\n        aria-errormessage={status === \"invalid\" ? errorMessageId : undefined}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        className={clsx(\n          classes?.group,\n          radioGroupClasses.group,\n          orientation === \"vertical\" &&\n            clsx(classes?.vertical, radioGroupClasses.vertical),\n          orientation === \"horizontal\" &&\n            clsx(classes?.horizontal, radioGroupClasses.horizontal),\n          status === \"invalid\" &&\n            clsx(classes?.invalid, radioGroupClasses.invalid)\n        )}\n        $vertical={orientation === \"vertical\"}\n        $horizontal={orientation === \"horizontal\"}\n        $invalid={status === \"invalid\"}\n        {...others}\n      >\n        {modifiedChildren}\n      </StyledGroup>\n\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(classes?.error, radioGroupClasses.error)}\n        >\n          {statusMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["getValueFromSelectedChildren","children","childrenArray","Children","toArray","childrenCount","length","i","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","HvRadioGroup","id","classes","className","name","valueProp","defaultValue","label","description","status","statusMessage","required","readOnly","disabled","orientation","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","others","useDefaultProps","elementId","useUniqueId","setValue","useControlled","onChildChangeInterceptor","useCallback","childOnChange","event","isChecked","newValue","modifiedChildren","useMemo","map","childValue","cloneElement","inputProps","canShowError","errorMessageId","setId","StyledFormElement","clsx","root","radioGroupClasses","_jsx","StyledLabel","HvInfoMessage","StyledGroup","role","join","trim","group","vertical","horizontal","invalid","$vertical","$horizontal","$invalid","HvWarningText","disableBorder","error"],"mappings":"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"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { Children, useMemo, useCallback, cloneElement } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { setId } from \"@core/utils/setId\";\nimport {\n  HvFormElement,\n  HvFormStatus,\n  HvInfoMessage,\n  HvLabel,\n  HvWarningText,\n} from \"@core/components/Forms\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./RadioGroup.styles\";\n\nexport { staticClasses as radioGroupClasses };\n\nexport type HvRadioGroupClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvRadioGroupProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n  /**\n   * The form element name.\n   *\n   * It is propagated to the children radio buttons, unless they already have one (which they shouldn't).\n   */\n  name?: string;\n  /**\n   * The value of the form element, represented in one of the child radio buttons values.\n   *\n   * When defined the radio button group state becomes controlled.\n   */\n  value?: any;\n  /**\n   * When uncontrolled, defines the initial value.\n   */\n  defaultValue?: any;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description?: React.ReactNode;\n  /**\n   * Indicates that the form element is disabled.\n   * If `true` the state is propagated to the children radio buttons.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the form element is not editable.\n   * If `true` the state is propagated to the children radio buttons.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user input is required on the form element.\n   * If `true` the state is propagated to the children radio buttons' input element.\n   */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage?: React.ReactNode;\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: any) => void;\n  /**\n   * Indicates whether the radio buttons group's orientation is horizontal or vertical.\n   *\n   * Defaults to vertical.\n   */\n  orientation?: \"vertical\" | \"horizontal\";\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvRadioGroupClasses;\n}\n\nconst getValueFromSelectedChildren = (children: React.ReactNode) => {\n  const childrenArray = Children.toArray(children);\n  const childrenCount = childrenArray.length;\n  for (let i = 0; i !== childrenCount; i += 1) {\n    const child: any = childrenArray[i];\n\n    const childIsControlled = child?.props?.checked !== undefined;\n    const childIsSelected = childIsControlled\n      ? child?.props?.checked\n      : child?.props?.defaultChecked;\n\n    if (childIsSelected) {\n      return child?.props?.value;\n    }\n  }\n\n  return null;\n};\n\n/**\n * A group of radio buttons.\n *\n * A radio group is a type of selection list that can only have a single entry checked at any one time.\n */\nexport const HvRadioGroup = (props: HvRadioGroupProps) => {\n  const {\n    id,\n    classes: classesProp,\n    className,\n    children,\n    name,\n    value: valueProp,\n    defaultValue,\n    label,\n    description,\n    status,\n    statusMessage,\n    required = false,\n    readOnly = false,\n    disabled = false,\n    orientation = \"vertical\",\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    \"aria-errormessage\": ariaErrorMessage,\n    onChange,\n    ...others\n  } = useDefaultProps(\"HvRadioGroup\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const elementId = useUniqueId(id, \"hvradiogroup\");\n\n  const [value, setValue] = useControlled(\n    valueProp,\n    defaultValue !== undefined\n      ? defaultValue\n      : // When uncontrolled and no default value is given,\n        // extract the initial selected values from the children own state\n        () => getValueFromSelectedChildren(children)\n  );\n\n  const onChildChangeInterceptor = useCallback(\n    (\n      childOnChange: (\n        event: React.ChangeEvent<HTMLInputElement>,\n        checked: boolean,\n        value: any\n      ) => void,\n      event: React.ChangeEvent<HTMLInputElement>,\n      isChecked: boolean,\n      newValue: any\n    ) => {\n      childOnChange?.(event, isChecked, newValue);\n\n      onChange?.(event, newValue);\n\n      setValue(newValue);\n    },\n    [onChange, setValue]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return Children.map(children, (child: any) => {\n      const childValue = child?.props?.value ?? \"on\";\n\n      const childIsSelected = childValue === value;\n\n      return cloneElement(child, {\n        checked: childIsSelected,\n        name: child?.props?.name || name || elementId,\n        onChange: (\n          event: React.ChangeEvent<HTMLInputElement>,\n          isChecked: boolean,\n          newValue: any\n        ) =>\n          onChildChangeInterceptor(\n            child?.props?.onChange,\n            event,\n            isChecked,\n            newValue\n          ),\n        inputProps: {\n          ...child?.props?.inputProps,\n          // Set the required attribute directly in the input\n          // the radio form element context shouldn't be aware so the\n          // label doesn't show redundant asterisk\n          required,\n        },\n        disabled: disabled || child?.props?.disabled,\n        readOnly: readOnly || child?.props?.readOnly,\n      });\n    });\n  }, [\n    children,\n    disabled,\n    elementId,\n    name,\n    onChildChangeInterceptor,\n    readOnly,\n    required,\n    value,\n  ]);\n\n  // The error message area will only be created if:\n  //   - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const errorMessageId = canShowError\n    ? setId(elementId, \"error\")\n    : ariaErrorMessage;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={status || \"standBy\"}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={cx(classes.root, className)}\n    >\n      {label && (\n        <HvLabel\n          id={setId(elementId, \"label\")}\n          label={label}\n          className={classes.label}\n        />\n      )}\n\n      {description && (\n        <HvInfoMessage id={setId(elementId, \"description\")}>\n          {description}\n        </HvInfoMessage>\n      )}\n\n      <div\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        aria-labelledby={\n          ariaLabelledBy || (label && setId(elementId, \"label\")) || undefined\n        }\n        aria-invalid={status === \"invalid\" ? true : undefined}\n        aria-errormessage={status === \"invalid\" ? errorMessageId : undefined}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        className={cx(classes.group, {\n          [classes.vertical]: orientation === \"vertical\",\n          [classes.horizontal]: orientation === \"horizontal\",\n          [classes.invalid]: status === \"invalid\",\n        })}\n        {...others}\n      >\n        {modifiedChildren}\n      </div>\n\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={classes.error}\n        >\n          {statusMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n"],"names":["getValueFromSelectedChildren","children","childrenArray","Children","toArray","childrenCount","length","i","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","HvRadioGroup","id","classes","classesProp","className","name","valueProp","defaultValue","label","description","status","statusMessage","required","readOnly","disabled","orientation","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","others","useDefaultProps","cx","useClasses","elementId","useUniqueId","setValue","useControlled","onChildChangeInterceptor","useCallback","childOnChange","event","isChecked","newValue","modifiedChildren","useMemo","map","childValue","cloneElement","inputProps","canShowError","errorMessageId","setId","HvFormElement","root","_jsx","HvLabel","HvInfoMessage","role","join","trim","group","vertical","horizontal","invalid","HvWarningText","disableBorder","error"],"mappings":"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"}

package/dist/esm/components/RadioGroup/RadioGroup.styles.js

@@ -1,62 +1,23 @@
-import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
-import { transientOptions } from "../../utils/transientOptions.js";
-import { jsx } from "@emotion/react/jsx-runtime";
-import { HvFormElement } from "../Forms/FormElement/FormElement.js";
-import { HvLabel } from "../Forms/Label/Label.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).";
-}
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-const StyledFormElement = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvFormElement, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
-  target: "e1qvmihv2"
-} : {
-  target: "e1qvmihv2",
-  label: "StyledFormElement"
-})(process.env.NODE_ENV === "production" ? {
-  name: "14xf287",
-  styles: "display:inline-block;padding:0;margin:0;overflow:hidden;vertical-align:top"
-} : {
-  name: "14xf287",
-  styles: "display:inline-block;padding:0;margin:0;overflow:hidden;vertical-align:top",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW9Hcm91cC9SYWRpb0dyb3VwLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW9Hcm91cC9SYWRpb0dyb3VwLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQge1xuICBIdkZvcm1FbGVtZW50LFxuICBIdkZvcm1FbGVtZW50UHJvcHMsXG4gIEh2TGFiZWwsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0Zvcm1zXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKChwcm9wczogSHZGb3JtRWxlbWVudFByb3BzKSA9PiAoXG4gIDxIdkZvcm1FbGVtZW50IHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgcGFkZGluZzogMCxcbiAgbWFyZ2luOiAwLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdmVydGljYWxBbGlnbjogXCJ0b3BcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRHcm91cCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkdmVydGljYWwsXG4gICAgJGhvcml6b250YWwsXG4gICAgJGludmFsaWQsXG4gIH06IHtcbiAgICAkdmVydGljYWw6IGJvb2xlYW47XG4gICAgJGhvcml6b250YWw6IGJvb2xlYW47XG4gICAgJGludmFsaWQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG5cbiAgICAuLi4oJHZlcnRpY2FsICYmIHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG5cbiAgICAgIC8vIFByZXZlbnQgdGhlIGZvY3VzIHJpbmcgdG8gYmUgaGlkZGVuIGJ5IHNpYmxpbmcgaG92ZXIgYmFja2dyb3VuZFxuICAgICAgXCImPipcIjoge1xuICAgICAgICB6SW5kZXg6IDAsXG4gICAgICB9LFxuICAgICAgXCImPio6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgfSxcbiAgICAgIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgICAgIFwiJj4qLmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICAuLi4oJGhvcml6b250YWwgJiYge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgICAgIFwiJj4qOm5vdCg6Zmlyc3Qtb2YtdHlwZSlcIjoge1xuICAgICAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbiAgICAgIH0sXG4gICAgICB3aWR0aDogYGNhbGMoMTAwJSArICR7dGhlbWUuc3BhY2Uuc219KWAsIC8vIENvbXBlbnNhdGUgdGhlIG5lZ2F0aXZlIG1hcmdpbiBsZWZ0IHdoaWNoIGluY3JlYXNlcyB0aGUgd2lkdGhcbiAgICB9KSxcblxuICAgIC4uLigkaW52YWxpZCAmJiB7XG4gICAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZWdhdGl2ZX1gLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledLabel = /* @__PURE__ */ _styled(HvLabel, process.env.NODE_ENV === "production" ? {
-  target: "e1qvmihv1"
-} : {
-  target: "e1qvmihv1",
-  label: "StyledLabel"
-})({
-  marginBottom: theme.space.xs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW9Hcm91cC9SYWRpb0dyb3VwLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUIyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1JhZGlvR3JvdXAvUmFkaW9Hcm91cC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHtcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZGb3JtRWxlbWVudFByb3BzLFxuICBIdkxhYmVsLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9Gb3Jtc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZCgocHJvcHM6IEh2Rm9ybUVsZW1lbnRQcm9wcykgPT4gKFxuICA8SHZGb3JtRWxlbWVudCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbjogMCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwidG9wXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR3JvdXAgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHZlcnRpY2FsLFxuICAgICRob3Jpem9udGFsLFxuICAgICRpbnZhbGlkLFxuICB9OiB7XG4gICAgJHZlcnRpY2FsOiBib29sZWFuO1xuICAgICRob3Jpem9udGFsOiBib29sZWFuO1xuICAgICRpbnZhbGlkOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuXG4gICAgLi4uKCR2ZXJ0aWNhbCAmJiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICAvLyBQcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgICAgIFwiJj4qXCI6IHtcbiAgICAgICAgekluZGV4OiAwLFxuICAgICAgfSxcbiAgICAgIFwiJj4qOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgIH0sXG4gICAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgICBcIiY+Ki5mb2N1cy13aXRoaW5cIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKCRob3Jpem9udGFsICYmIHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gICAgICBcIiY+Kjpub3QoOmZpcnN0LW9mLXR5cGUpXCI6IHtcbiAgICAgICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2Uuc20sXG4gICAgICB9LFxuICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgKyAke3RoZW1lLnNwYWNlLnNtfSlgLCAvLyBDb21wZW5zYXRlIHRoZSBuZWdhdGl2ZSBtYXJnaW4gbGVmdCB3aGljaCBpbmNyZWFzZXMgdGhlIHdpZHRoXG4gICAgfSksXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmVnYXRpdmV9YCxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
-const StyledGroup = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1qvmihv0"
-}, transientOptions) : _extends({}, {
-  target: "e1qvmihv0",
-  label: "StyledGroup"
-}, transientOptions))(({
-  $vertical,
-  $horizontal,
-  $invalid
-}) => ({
-  display: "flex",
-  ...$vertical && {
+import { createClasses } from "../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvRadioGroup", {
+  root: {
+    display: "inline-block",
+    padding: 0,
+    margin: 0,
+    overflow: "hidden",
+    verticalAlign: "top"
+  },
+  label: {
+    marginBottom: theme.space.xs
+  },
+  group: {
+    display: "flex"
+  },
+  vertical: {
     flexDirection: "column",
     // Prevent the focus ring to be hidden by sibling hover background
     "&>*": {
@@ -70,7 +31,7 @@ const StyledGroup = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "pro
       zIndex: 1
     }
   },
-  ...$horizontal && {
+  horizontal: {
     flexDirection: "row",
     flexWrap: "wrap",
     "&>*:not(:first-of-type)": {
@@ -79,14 +40,14 @@ const StyledGroup = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "pro
     width: `calc(100% + ${theme.space.sm})`
     // Compensate the negative margin left which increases the width
   },
-  ...$invalid && {
+  invalid: {
     paddingBottom: theme.space.xs,
     borderBottom: `1px solid ${theme.colors.negative}`
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUmFkaW9Hcm91cC9SYWRpb0dyb3VwLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUIyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1JhZGlvR3JvdXAvUmFkaW9Hcm91cC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHtcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZGb3JtRWxlbWVudFByb3BzLFxuICBIdkxhYmVsLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9Gb3Jtc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZCgocHJvcHM6IEh2Rm9ybUVsZW1lbnRQcm9wcykgPT4gKFxuICA8SHZGb3JtRWxlbWVudCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbjogMCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwidG9wXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR3JvdXAgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHZlcnRpY2FsLFxuICAgICRob3Jpem9udGFsLFxuICAgICRpbnZhbGlkLFxuICB9OiB7XG4gICAgJHZlcnRpY2FsOiBib29sZWFuO1xuICAgICRob3Jpem9udGFsOiBib29sZWFuO1xuICAgICRpbnZhbGlkOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuXG4gICAgLi4uKCR2ZXJ0aWNhbCAmJiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICAvLyBQcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgICAgIFwiJj4qXCI6IHtcbiAgICAgICAgekluZGV4OiAwLFxuICAgICAgfSxcbiAgICAgIFwiJj4qOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgIH0sXG4gICAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgICBcIiY+Ki5mb2N1cy13aXRoaW5cIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKCRob3Jpem9udGFsICYmIHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gICAgICBcIiY+Kjpub3QoOmZpcnN0LW9mLXR5cGUpXCI6IHtcbiAgICAgICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2Uuc20sXG4gICAgICB9LFxuICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgKyAke3RoZW1lLnNwYWNlLnNtfSlgLCAvLyBDb21wZW5zYXRlIHRoZSBuZWdhdGl2ZSBtYXJnaW4gbGVmdCB3aGljaCBpbmNyZWFzZXMgdGhlIHdpZHRoXG4gICAgfSksXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmVnYXRpdmV9YCxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
+  },
+  error: {}
+});
 export {
-  StyledFormElement,
-  StyledGroup,
-  StyledLabel
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=RadioGroup.styles.js.map

package/dist/esm/components/RadioGroup/RadioGroup.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.styles.js","sources":["../../../../src/components/RadioGroup/RadioGroup.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport {\n  HvFormElement,\n  HvFormElementProps,\n  HvLabel,\n} from \"@core/components/Forms\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledFormElement = styled((props: HvFormElementProps) => (\n  <HvFormElement {...props} />\n))({\n  display: \"inline-block\",\n  padding: 0,\n  margin: 0,\n  overflow: \"hidden\",\n  verticalAlign: \"top\",\n});\n\nexport const StyledLabel = styled(HvLabel)({\n  marginBottom: theme.space.xs,\n});\n\nexport const StyledGroup = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $vertical,\n    $horizontal,\n    $invalid,\n  }: {\n    $vertical: boolean;\n    $horizontal: boolean;\n    $invalid: boolean;\n  }) => ({\n    display: \"flex\",\n\n    ...($vertical && {\n      flexDirection: \"column\",\n\n      // Prevent the focus ring to be hidden by sibling hover background\n      \"&>*\": {\n        zIndex: 0,\n      },\n      \"&>*:focus-within\": {\n        zIndex: 1,\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&>*.focus-within\": {\n        zIndex: 1,\n      },\n    }),\n\n    ...($horizontal && {\n      flexDirection: \"row\",\n      flexWrap: \"wrap\",\n      \"&>*:not(:first-of-type)\": {\n        marginLeft: theme.space.sm,\n      },\n      width: `calc(100% + ${theme.space.sm})`, // Compensate the negative margin left which increases the width\n    }),\n\n    ...($invalid && {\n      paddingBottom: theme.space.xs,\n      borderBottom: `1px solid ${theme.colors.negative}`,\n    }),\n  })\n);\n"],"names":["StyledFormElement","_styled","props","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","marginBottom","theme","space","xs","StyledGroup","_extends","transientOptions","$vertical","$horizontal","$invalid","display","flexDirection","zIndex","flexWrap","marginLeft","sm","width","paddingBottom","borderBottom","colors","negative"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAMA,oBAAoBC,wBAAO,CAACC,8BACtCC,eAAa;AAAA,EAAA,GAAKD;AAAK,CAAG,GAC5BE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAMD;AAEM,MAAMC,cAAqBC,wBAAAA,SAAOX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCQ,cAAcC,MAAMC,MAAMC;AAC5B,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,6mFAAA;AAEWc,MAAAA,sCACX,OAAKhB,QAAAC,IAAAC,4BAAAe,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,GACLe,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBc,gBAAgB,CAClB,EACE,CAAC;AAAA,EACCC;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,SAAS;AAAA,EAET,GAAIH,aAAa;AAAA,IACfI,eAAe;AAAA;AAAA,IAGf,OAAO;AAAA,MACLC,QAAQ;AAAA,IACV;AAAA,IACA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA;AAAA,IAEA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,GAAIJ,eAAe;AAAA,IACjBG,eAAe;AAAA,IACfE,UAAU;AAAA,IACV,2BAA2B;AAAA,MACzBC,YAAYb,MAAMC,MAAMa;AAAAA,IAC1B;AAAA,IACAC,OAAQ,eAAcf,MAAMC,MAAMa;AAAAA;AAAAA,EACpC;AAAA,EAEA,GAAIN,YAAY;AAAA,IACdQ,eAAehB,MAAMC,MAAMC;AAAAA,IAC3Be,cAAe,aAAYjB,MAAMkB,OAAOC;AAAAA,EAC1C;AACF,IAAEhC,QAAAC,IAAAC,8oFACJ;"}
+{"version":3,"file":"RadioGroup.styles.js","sources":["../../../../src/components/RadioGroup/RadioGroup.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvRadioGroup\", {\n  root: {\n    display: \"inline-block\",\n    padding: 0,\n    margin: 0,\n    overflow: \"hidden\",\n    verticalAlign: \"top\",\n  },\n  label: { marginBottom: theme.space.xs },\n  group: { display: \"flex\" },\n  vertical: {\n    flexDirection: \"column\",\n\n    // Prevent the focus ring to be hidden by sibling hover background\n    \"&>*\": {\n      zIndex: 0,\n    },\n    \"&>*:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&>*.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  horizontal: {\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n    \"&>*:not(:first-of-type)\": {\n      marginLeft: theme.space.sm,\n    },\n    width: `calc(100% + ${theme.space.sm})`, // Compensate the negative margin left which increases the width\n  },\n  invalid: {\n    paddingBottom: theme.space.xs,\n    borderBottom: `1px solid ${theme.colors.negative}`,\n  },\n  error: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","padding","margin","overflow","verticalAlign","label","marginBottom","theme","space","xs","group","vertical","flexDirection","zIndex","horizontal","flexWrap","marginLeft","sm","width","invalid","paddingBottom","borderBottom","colors","negative","error"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,gBAAgB;AAAA,EACzEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,UAAU;AAAA,IACVC,eAAe;AAAA,EACjB;AAAA,EACAC,OAAO;AAAA,IAAEC,cAAcC,MAAMC,MAAMC;AAAAA,EAAG;AAAA,EACtCC,OAAO;AAAA,IAAEV,SAAS;AAAA,EAAO;AAAA,EACzBW,UAAU;AAAA,IACRC,eAAe;AAAA;AAAA,IAGf,OAAO;AAAA,MACLC,QAAQ;AAAA,IACV;AAAA,IACA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA;AAAA,IAEA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAC,YAAY;AAAA,IACVF,eAAe;AAAA,IACfG,UAAU;AAAA,IACV,2BAA2B;AAAA,MACzBC,YAAYT,MAAMC,MAAMS;AAAAA,IAC1B;AAAA,IACAC,OAAQ,eAAcX,MAAMC,MAAMS;AAAAA;AAAAA,EACpC;AAAA,EACAE,SAAS;AAAA,IACPC,eAAeb,MAAMC,MAAMC;AAAAA,IAC3BY,cAAe,aAAYd,MAAMe,OAAOC;AAAAA,EAC1C;AAAA,EACAC,OAAO,CAAC;AACV,CAAC;"}

package/dist/esm/components/Snackbar/Snackbar.js

@@ -5,7 +5,7 @@ import { setId } from "../../utils/setId.js";
 import { useClasses } from "./Snackbar.styles.js";
 import { staticClasses } from "./Snackbar.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
-import { HvSnackbarContent } from "./SnackbarContentWrapper/SnackbarContentWrapper.js";
+import { HvSnackbarContent } from "./SnackbarContent/SnackbarContent.js";
 const transLeft = (props) => /* @__PURE__ */ jsx(Slide, {
   ...props,
   direction: "left"

package/dist/esm/components/Snackbar/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.js","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarCloseReason,\n  SnackbarOrigin,\n  SnackbarProps as MuiSnackbarProps,\n} from \"@mui/material/Snackbar\";\nimport { Snackbar as MuiSnackbar } from \"@mui/material\";\n\nimport capitalize from \"lodash/capitalize\";\n\nimport { SyntheticEvent } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { HvActionGeneric } from \"@core/components/ActionsGeneric\";\n\nimport {\n  HvSnackbarContentProps,\n  HvSnackbarContent,\n} from \"./SnackbarContentWrapper\";\nimport { staticClasses, useClasses } from \"./Snackbar.styles\";\nimport { HvSnackbarVariant } from \"./types\";\n\nexport { staticClasses as snackbarClasses };\n\nexport type HvSnackbarClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarProps\n  extends Omit<MuiSnackbarProps, \"action\" | \"classes\">,\n    Omit<HvBaseProps, \"children\"> {\n  /** If true, Snackbar is open. */\n  open?: boolean;\n  /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n  onClose?:\n    | ((\n        event: Event | SyntheticEvent<any, Event>,\n        reason: SnackbarCloseReason\n      ) => void)\n    | undefined;\n  /** The message to display. */\n  label?: React.ReactNode;\n  /** The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation */\n  anchorOrigin?: SnackbarOrigin;\n  /** The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar */\n  autoHideDuration?: number;\n  /** Variant of the snackbar. */\n  variant?: HvSnackbarVariant;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Action to display. */\n  action?: React.ReactNode | HvActionGeneric;\n  /** The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** Duration of transition in milliseconds. */\n  transitionDuration?: number;\n  /** Direction of slide transition. */\n  transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n  /** Custom offset from top/bottom of the page, in px. */\n  offset?: number;\n  /** Others applied to the content of the snackbar. */\n  snackbarContentProps?: HvSnackbarContentProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSnackbarClasses;\n}\n\nconst transLeft = (props) => <Slide {...props} direction=\"left\" />;\nconst transRight = (props) => <Slide {...props} direction=\"right\" />;\nconst transUp = (props) => <Slide {...props} direction=\"up\" />;\nconst transDown = (props) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction) => {\n  switch (direction) {\n    case \"right\":\n      return transRight;\n    case \"up\":\n      return transUp;\n    case \"down\":\n      return transDown;\n    case \"left\":\n    default:\n      return transLeft;\n  }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nexport const HvSnackbar = ({\n  classes: classesProp,\n  className,\n  id,\n  open = false,\n  onClose,\n  label = \"\",\n  anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n  autoHideDuration = 5000,\n  variant = \"default\",\n  showIcon = false,\n  customIcon = null,\n  action = null,\n  actionCallback,\n  transitionDuration = 300,\n  transitionDirection = \"left\",\n  offset = 60,\n  snackbarContentProps,\n  ...others\n}: HvSnackbarProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset}px`,\n    },\n  };\n\n  return (\n    <MuiSnackbar\n      style={\n        anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]\n      }\n      classes={classes}\n      className={className}\n      id={id}\n      anchorOrigin={anchorOrigin}\n      open={open}\n      onClose={onClose}\n      autoHideDuration={autoHideDuration}\n      transitionDuration={transitionDuration}\n      TransitionComponent={snackBarDirComponent(transitionDirection)}\n      {...others}\n    >\n      <HvSnackbarContent\n        id={setId(id, \"content\")}\n        label={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        action={action}\n        actionCallback={actionCallback}\n        {...snackbarContentProps}\n      />\n    </MuiSnackbar>\n  );\n};\n"],"names":["transLeft","props","_jsx","Slide","direction","transRight","transUp","transDown","snackBarDirComponent","HvSnackbar","classes","classesProp","className","id","open","onClose","label","anchorOrigin","vertical","horizontal","autoHideDuration","variant","showIcon","customIcon","action","actionCallback","transitionDuration","transitionDirection","offset","snackbarContentProps","others","useClasses","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","MuiSnackbar","style","capitalize","TransitionComponent","children","HvSnackbarContent","setId"],"mappings":";;;;;;;;AAwEA,MAAMA,YAAaC,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAE;AACjE,MAAMC,aAAcJ,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAO,CAAE;AACnE,MAAME,UAAWL,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAI,CAAE;AAC7D,MAAMG,YAAaN,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAE;AAEjE,MAAMI,uBAAwBJ,CAAc,cAAA;AAC1C,UAAQA,WAAS;AAAA,IACf,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AAAA,IACL;AACSP,aAAAA;AAAAA,EACX;AACF;AAUO,MAAMS,aAAaA,CAAC;AAAA,EACzBC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC,QAAQ;AAAA,EACRC,eAAe;AAAA,IAAEC,UAAU;AAAA,IAAOC,YAAY;AAAA,EAAQ;AAAA,EACtDC,mBAAmB;AAAA,EACnBC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC;AAAAA,EACAC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACY,MAAM;AACf,QAAA;AAAA,IAAEpB;AAAAA,EAAAA,IAAYqB,WAAWpB,WAAW;AAE1C,QAAMqB,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEN;AAAAA,IACV;AAAA,IACAO,oBAAoB;AAAA,MAClBC,QAAS,GAAER;AAAAA,IACb;AAAA,EAAA;AAGF,6BACGS,UAAW;AAAA,IACVC,OACEN,mBAAoB,eAAcO,WAAWtB,aAAaC,QAAQ,GAAG;AAAA,IAEvER;AAAAA,IACAE;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAH;AAAAA,IACAC;AAAAA,IACAK;AAAAA,IACAM;AAAAA,IACAc,qBAAqBhC,qBAAqBmB,mBAAmB;AAAA,IAAE,GAC3DG;AAAAA,IAAMW,8BAETC,mBAAiB;AAAA,MAChB7B,IAAI8B,MAAM9B,IAAI,SAAS;AAAA,MACvBG;AAAAA,MACAK;AAAAA,MACAE;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MAA+B,GAC3BI;AAAAA,IAAAA,CACL;AAAA,EAAA,CACU;AAEjB;"}
+{"version":3,"file":"Snackbar.js","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarCloseReason,\n  SnackbarOrigin,\n  SnackbarProps as MuiSnackbarProps,\n} from \"@mui/material/Snackbar\";\nimport { Snackbar as MuiSnackbar } from \"@mui/material\";\n\nimport capitalize from \"lodash/capitalize\";\n\nimport { SyntheticEvent } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { HvActionGeneric } from \"@core/components/ActionsGeneric\";\n\nimport { HvSnackbarContentProps, HvSnackbarContent } from \"./SnackbarContent\";\nimport { staticClasses, useClasses } from \"./Snackbar.styles\";\nimport { HvSnackbarVariant } from \"./types\";\n\nexport { staticClasses as snackbarClasses };\n\nexport type HvSnackbarClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarProps\n  extends Omit<MuiSnackbarProps, \"action\" | \"classes\">,\n    Omit<HvBaseProps, \"children\"> {\n  /** If true, Snackbar is open. */\n  open?: boolean;\n  /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n  onClose?:\n    | ((\n        event: Event | SyntheticEvent<any, Event>,\n        reason: SnackbarCloseReason\n      ) => void)\n    | undefined;\n  /** The message to display. */\n  label?: React.ReactNode;\n  /** The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation */\n  anchorOrigin?: SnackbarOrigin;\n  /** The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar */\n  autoHideDuration?: number;\n  /** Variant of the snackbar. */\n  variant?: HvSnackbarVariant;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Action to display. */\n  action?: React.ReactNode | HvActionGeneric;\n  /** The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** Duration of transition in milliseconds. */\n  transitionDuration?: number;\n  /** Direction of slide transition. */\n  transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n  /** Custom offset from top/bottom of the page, in px. */\n  offset?: number;\n  /** Others applied to the content of the snackbar. */\n  snackbarContentProps?: HvSnackbarContentProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSnackbarClasses;\n}\n\nconst transLeft = (props) => <Slide {...props} direction=\"left\" />;\nconst transRight = (props) => <Slide {...props} direction=\"right\" />;\nconst transUp = (props) => <Slide {...props} direction=\"up\" />;\nconst transDown = (props) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction) => {\n  switch (direction) {\n    case \"right\":\n      return transRight;\n    case \"up\":\n      return transUp;\n    case \"down\":\n      return transDown;\n    case \"left\":\n    default:\n      return transLeft;\n  }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nexport const HvSnackbar = ({\n  classes: classesProp,\n  className,\n  id,\n  open = false,\n  onClose,\n  label = \"\",\n  anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n  autoHideDuration = 5000,\n  variant = \"default\",\n  showIcon = false,\n  customIcon = null,\n  action = null,\n  actionCallback,\n  transitionDuration = 300,\n  transitionDirection = \"left\",\n  offset = 60,\n  snackbarContentProps,\n  ...others\n}: HvSnackbarProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset}px`,\n    },\n  };\n\n  return (\n    <MuiSnackbar\n      style={\n        anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]\n      }\n      classes={classes}\n      className={className}\n      id={id}\n      anchorOrigin={anchorOrigin}\n      open={open}\n      onClose={onClose}\n      autoHideDuration={autoHideDuration}\n      transitionDuration={transitionDuration}\n      TransitionComponent={snackBarDirComponent(transitionDirection)}\n      {...others}\n    >\n      <HvSnackbarContent\n        id={setId(id, \"content\")}\n        label={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        action={action}\n        actionCallback={actionCallback}\n        {...snackbarContentProps}\n      />\n    </MuiSnackbar>\n  );\n};\n"],"names":["transLeft","props","_jsx","Slide","direction","transRight","transUp","transDown","snackBarDirComponent","HvSnackbar","classes","classesProp","className","id","open","onClose","label","anchorOrigin","vertical","horizontal","autoHideDuration","variant","showIcon","customIcon","action","actionCallback","transitionDuration","transitionDirection","offset","snackbarContentProps","others","useClasses","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","MuiSnackbar","style","capitalize","TransitionComponent","children","HvSnackbarContent","setId"],"mappings":";;;;;;;;AAqEA,MAAMA,YAAaC,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAE;AACjE,MAAMC,aAAcJ,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAO,CAAE;AACnE,MAAME,UAAWL,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAI,CAAE;AAC7D,MAAMG,YAAaN,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAE;AAEjE,MAAMI,uBAAwBJ,CAAc,cAAA;AAC1C,UAAQA,WAAS;AAAA,IACf,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AAAA,IACL;AACSP,aAAAA;AAAAA,EACX;AACF;AAUO,MAAMS,aAAaA,CAAC;AAAA,EACzBC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC,QAAQ;AAAA,EACRC,eAAe;AAAA,IAAEC,UAAU;AAAA,IAAOC,YAAY;AAAA,EAAQ;AAAA,EACtDC,mBAAmB;AAAA,EACnBC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC;AAAAA,EACAC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACY,MAAM;AACf,QAAA;AAAA,IAAEpB;AAAAA,EAAAA,IAAYqB,WAAWpB,WAAW;AAE1C,QAAMqB,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEN;AAAAA,IACV;AAAA,IACAO,oBAAoB;AAAA,MAClBC,QAAS,GAAER;AAAAA,IACb;AAAA,EAAA;AAGF,6BACGS,UAAW;AAAA,IACVC,OACEN,mBAAoB,eAAcO,WAAWtB,aAAaC,QAAQ,GAAG;AAAA,IAEvER;AAAAA,IACAE;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAH;AAAAA,IACAC;AAAAA,IACAK;AAAAA,IACAM;AAAAA,IACAc,qBAAqBhC,qBAAqBmB,mBAAmB;AAAA,IAAE,GAC3DG;AAAAA,IAAMW,8BAETC,mBAAiB;AAAA,MAChB7B,IAAI8B,MAAM9B,IAAI,SAAS;AAAA,MACvBG;AAAAA,MACAK;AAAAA,MACAE;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MAA+B,GAC3BI;AAAAA,IAAAA,CACL;AAAA,EAAA,CACU;AAEjB;"}