@hitachivantara/uikit-react-core 5.0.0-next.12 → 5.0.0-next.14

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

@@ -1,4 +1,3 @@
-import { jsx } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
 import { FixedSizeList } from "react-window";
 import { theme } from "@hitachivantara/uikit-styles";
@@ -7,6 +6,7 @@ import { DropRightXS } from "@hitachivantara/uikit-react-icons";
 import checkBoxClasses from "../CheckBox/checkBoxClasses.js";
 import radioClasses from "../Radio/radioClasses.js";
 import listItemClasses from "../ListContainer/ListItem/listItemClasses.js";
+import { jsx } from "@emotion/react/jsx-runtime";
 import { HvLink } from "../Link/Link.js";
 import { HvRadio } from "../Radio/Radio.js";
 import { HvCheckBox } from "../CheckBox/CheckBox.js";
@@ -42,7 +42,9 @@ const StyledFixedSizeList = /* @__PURE__ */ _styled(FixedSizeList, process.env.N
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV21DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZpeGVkU2l6ZUxpc3QgfSBmcm9tIFwicmVhY3Qtd2luZG93XCI7XG5pbXBvcnQgeyBIdkNoZWNrQm94LCBIdkxpbmssIEh2TGlzdEl0ZW0sIEh2UmFkaW8gfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBEcm9wUmlnaHRYUyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCBjaGVja0JveENsYXNzZXMgZnJvbSBcIi4uL0NoZWNrQm94L2NoZWNrQm94Q2xhc3Nlc1wiO1xuaW1wb3J0IHJhZGlvQ2xhc3NlcyBmcm9tIFwiLi4vUmFkaW8vcmFkaW9DbGFzc2VzXCI7XG5pbXBvcnQgbGlzdEl0ZW1DbGFzc2VzIGZyb20gXCIuLi9MaXN0Q29udGFpbmVyL0xpc3RJdGVtL2xpc3RJdGVtQ2xhc3Nlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRml4ZWRTaXplTGlzdCA9IHN0eWxlZChGaXhlZFNpemVMaXN0KSh7XG4gIG1hcmdpbkJvdHRvbTogNSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VsZWN0QWxsQ2hlY2tCb3ggPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkNoZWNrQm94IHsuLi5wcm9wc30gLz5cbikpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtYXJnaW46IFwiMCAwIDJweCAwXCIsXG5cbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAwLFxuXG4gIC8vIHByZXZlbnQgdGhlIGZvY3VzIHJpbmcgdG8gYmUgaGlkZGVuIGJ5IHNpYmxpbmcgaG92ZXIgYmFja2dyb3VuZFxuICBcIiY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICB6SW5kZXg6IDEsXG4gIH0sXG4gIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgXCImLmZvY3VzLXdpdGhpblwiOiB7XG4gICAgekluZGV4OiAxLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRNdWx0aVNlbGVjdENoZWNrQm94ID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGVja0JveCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIFtgJiAuJHtjaGVja0JveENsYXNzZXMucm9vdH1gXToge1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICB6SW5kZXg6IDAsXG4gIH0sXG4gIFtgJiAuJHtjaGVja0JveENsYXNzZXMuY29udGFpbmVyfWBdOiB7XG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIH0sXG5cbiAgICBcIiY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgLy8gSUUgZmFsbGJhY2sgY29kZSAodXNpbmcgZm9jdXMtd2l0aGluLXBvbHlmaWxsKVxuICAgIFwiJi5mb2N1cy13aXRoaW5cIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbiAgW2AmIC4ke2NoZWNrQm94Q2xhc3Nlcy5sYWJlbH1gXToge1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkxpbmsgey4uLnByb3BzfSAvPikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBib3hTaGFkb3c6IFwidW5zZXQgIWltcG9ydGFudFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTaW5nbGVTZWxlY3RSYWRpbyA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2UmFkaW8gey4uLnByb3BzfSAvPlxuKSkoe1xuICBbYCYgLiR7cmFkaW9DbGFzc2VzLnJvb3R9YF06IHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgekluZGV4OiAwLFxuICB9LFxuICBbYCYgLiR7cmFkaW9DbGFzc2VzLmNvbnRhaW5lcn1gXToge1xuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICB9LFxuXG4gICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICAgIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgICBcIiYuZm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG4gIFtgJiAuJHtyYWRpb0NsYXNzZXMubGFiZWx9YF06IHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkKFxuICBIdkxpc3RJdGVtLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhcHBseVNlbGVjdGVkIH06IHsgJGFwcGx5U2VsZWN0ZWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgW2AmIC4ke2xpc3RJdGVtQ2xhc3Nlcy5zZWxlY3RlZH1gXToge1xuICAgIC4uLigkYXBwbHlTZWxlY3RlZCAmJiB7XG4gICAgICBcIiY6bm90KDpob3Zlcik6bm90KC5IdklzRm9jdXNlZCk6bm90KDpmb2N1cy13aXRoaW4pXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICB9LFxuICAgICAgXCImOm5vdCg6aG92ZXIpOm5vdCguSHZJc0ZvY3VzZWQpOm5vdCguZm9jdXMtd2l0aGluKVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BSaWdodFhTID0gc3R5bGVkKERyb3BSaWdodFhTKSh7XG4gIHdpZHRoOiBcIjMycHhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG59KTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledSelectAllCheckBox = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvCheckBox, { ...props }), process.env.NODE_ENV === "production" ? {
+const StyledSelectAllCheckBox = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvCheckBox, {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
   target: "e1j3ct5i5"
 } : {
   target: "e1j3ct5i5",
@@ -56,7 +58,9 @@ const StyledSelectAllCheckBox = /* @__PURE__ */ _styled((props) => /* @__PURE__
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXVDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZpeGVkU2l6ZUxpc3QgfSBmcm9tIFwicmVhY3Qtd2luZG93XCI7XG5pbXBvcnQgeyBIdkNoZWNrQm94LCBIdkxpbmssIEh2TGlzdEl0ZW0sIEh2UmFkaW8gfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBEcm9wUmlnaHRYUyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCBjaGVja0JveENsYXNzZXMgZnJvbSBcIi4uL0NoZWNrQm94L2NoZWNrQm94Q2xhc3Nlc1wiO1xuaW1wb3J0IHJhZGlvQ2xhc3NlcyBmcm9tIFwiLi4vUmFkaW8vcmFkaW9DbGFzc2VzXCI7XG5pbXBvcnQgbGlzdEl0ZW1DbGFzc2VzIGZyb20gXCIuLi9MaXN0Q29udGFpbmVyL0xpc3RJdGVtL2xpc3RJdGVtQ2xhc3Nlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRml4ZWRTaXplTGlzdCA9IHN0eWxlZChGaXhlZFNpemVMaXN0KSh7XG4gIG1hcmdpbkJvdHRvbTogNSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VsZWN0QWxsQ2hlY2tCb3ggPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkNoZWNrQm94IHsuLi5wcm9wc30gLz5cbikpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtYXJnaW46IFwiMCAwIDJweCAwXCIsXG5cbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAwLFxuXG4gIC8vIHByZXZlbnQgdGhlIGZvY3VzIHJpbmcgdG8gYmUgaGlkZGVuIGJ5IHNpYmxpbmcgaG92ZXIgYmFja2dyb3VuZFxuICBcIiY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICB6SW5kZXg6IDEsXG4gIH0sXG4gIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgXCImLmZvY3VzLXdpdGhpblwiOiB7XG4gICAgekluZGV4OiAxLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRNdWx0aVNlbGVjdENoZWNrQm94ID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGVja0JveCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIFtgJiAuJHtjaGVja0JveENsYXNzZXMucm9vdH1gXToge1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICB6SW5kZXg6IDAsXG4gIH0sXG4gIFtgJiAuJHtjaGVja0JveENsYXNzZXMuY29udGFpbmVyfWBdOiB7XG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIH0sXG5cbiAgICBcIiY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgLy8gSUUgZmFsbGJhY2sgY29kZSAodXNpbmcgZm9jdXMtd2l0aGluLXBvbHlmaWxsKVxuICAgIFwiJi5mb2N1cy13aXRoaW5cIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbiAgW2AmIC4ke2NoZWNrQm94Q2xhc3Nlcy5sYWJlbH1gXToge1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkxpbmsgey4uLnByb3BzfSAvPikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBib3hTaGFkb3c6IFwidW5zZXQgIWltcG9ydGFudFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTaW5nbGVTZWxlY3RSYWRpbyA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2UmFkaW8gey4uLnByb3BzfSAvPlxuKSkoe1xuICBbYCYgLiR7cmFkaW9DbGFzc2VzLnJvb3R9YF06IHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgekluZGV4OiAwLFxuICB9LFxuICBbYCYgLiR7cmFkaW9DbGFzc2VzLmNvbnRhaW5lcn1gXToge1xuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICB9LFxuXG4gICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICAgIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgICBcIiYuZm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG4gIFtgJiAuJHtyYWRpb0NsYXNzZXMubGFiZWx9YF06IHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkKFxuICBIdkxpc3RJdGVtLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhcHBseVNlbGVjdGVkIH06IHsgJGFwcGx5U2VsZWN0ZWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgW2AmIC4ke2xpc3RJdGVtQ2xhc3Nlcy5zZWxlY3RlZH1gXToge1xuICAgIC4uLigkYXBwbHlTZWxlY3RlZCAmJiB7XG4gICAgICBcIiY6bm90KDpob3Zlcik6bm90KC5IdklzRm9jdXNlZCk6bm90KDpmb2N1cy13aXRoaW4pXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICB9LFxuICAgICAgXCImOm5vdCg6aG92ZXIpOm5vdCguSHZJc0ZvY3VzZWQpOm5vdCguZm9jdXMtd2l0aGluKVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BSaWdodFhTID0gc3R5bGVkKERyb3BSaWdodFhTKSh7XG4gIHdpZHRoOiBcIjMycHhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG59KTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledMultiSelectCheckBox = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvCheckBox, { ...props }), process.env.NODE_ENV === "production" ? {
+const StyledMultiSelectCheckBox = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvCheckBox, {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
   target: "e1j3ct5i4"
 } : {
   target: "e1j3ct5i4",
@@ -75,6 +79,7 @@ const StyledMultiSelectCheckBox = /* @__PURE__ */ _styled((props) => /* @__PURE_
       outline: "none",
       boxShadow: "none"
     },
+    // IE fallback code (using focus-within-polyfill)
     "&.focus-within": {
       backgroundColor: "transparent",
       outline: "none",
@@ -88,7 +93,9 @@ const StyledMultiSelectCheckBox = /* @__PURE__ */ _styled((props) => /* @__PURE_
     whiteSpace: "nowrap"
   }
 }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0N5QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGaXhlZFNpemVMaXN0IH0gZnJvbSBcInJlYWN0LXdpbmRvd1wiO1xuaW1wb3J0IHsgSHZDaGVja0JveCwgSHZMaW5rLCBIdkxpc3RJdGVtLCBIdlJhZGlvIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgRHJvcFJpZ2h0WFMgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgY2hlY2tCb3hDbGFzc2VzIGZyb20gXCIuLi9DaGVja0JveC9jaGVja0JveENsYXNzZXNcIjtcbmltcG9ydCByYWRpb0NsYXNzZXMgZnJvbSBcIi4uL1JhZGlvL3JhZGlvQ2xhc3Nlc1wiO1xuaW1wb3J0IGxpc3RJdGVtQ2xhc3NlcyBmcm9tIFwiLi4vTGlzdENvbnRhaW5lci9MaXN0SXRlbS9saXN0SXRlbUNsYXNzZXNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZpeGVkU2l6ZUxpc3QgPSBzdHlsZWQoRml4ZWRTaXplTGlzdCkoe1xuICBtYXJnaW5Cb3R0b206IDUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdEFsbENoZWNrQm94ID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGVja0JveCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgbWFyZ2luOiBcIjAgMCAycHggMFwiLFxuXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHpJbmRleDogMCxcblxuICAvLyBwcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgekluZGV4OiAxLFxuICB9LFxuICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gIFwiJi5mb2N1cy13aXRoaW5cIjoge1xuICAgIHpJbmRleDogMSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTXVsdGlTZWxlY3RDaGVja0JveCA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2Q2hlY2tCb3ggey4uLnByb3BzfSAvPlxuKSkoe1xuICBbYCYgLiR7Y2hlY2tCb3hDbGFzc2VzLnJvb3R9YF06IHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgekluZGV4OiAwLFxuICB9LFxuICBbYCYgLiR7Y2hlY2tCb3hDbGFzc2VzLmNvbnRhaW5lcn1gXToge1xuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICB9LFxuXG4gICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICAgIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgICBcIiYuZm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG4gIFtgJiAuJHtjaGVja0JveENsYXNzZXMubGFiZWx9YF06IHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZMaW5rIHsuLi5wcm9wc30gLz4pKHtcbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgYm94U2hhZG93OiBcInVuc2V0ICFpbXBvcnRhbnRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2luZ2xlU2VsZWN0UmFkaW8gPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdlJhZGlvIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgW2AmIC4ke3JhZGlvQ2xhc3Nlcy5yb290fWBdOiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHpJbmRleDogMCxcbiAgfSxcbiAgW2AmIC4ke3JhZGlvQ2xhc3Nlcy5jb250YWluZXJ9YF06IHtcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgfSxcblxuICAgIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgXCImLmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICB9LFxuICBbYCYgLiR7cmFkaW9DbGFzc2VzLmxhYmVsfWBdOiB7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZChcbiAgSHZMaXN0SXRlbSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYXBwbHlTZWxlY3RlZCB9OiB7ICRhcHBseVNlbGVjdGVkOiBib29sZWFuIH0pID0+ICh7XG4gIFtgJiAuJHtsaXN0SXRlbUNsYXNzZXMuc2VsZWN0ZWR9YF06IHtcbiAgICAuLi4oJGFwcGx5U2VsZWN0ZWQgJiYge1xuICAgICAgXCImOm5vdCg6aG92ZXIpOm5vdCguSHZJc0ZvY3VzZWQpOm5vdCg6Zm9jdXMtd2l0aGluKVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgfSxcbiAgICAgIFwiJjpub3QoOmhvdmVyKTpub3QoLkh2SXNGb2N1c2VkKTpub3QoLmZvY3VzLXdpdGhpbilcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIH0sXG4gICAgfSksXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wUmlnaHRYUyA9IHN0eWxlZChEcm9wUmlnaHRYUykoe1xuICB3aWR0aDogXCIzMnB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxufSk7XG4iXX0= */");
-const StyledLink = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvLink, { ...props }), process.env.NODE_ENV === "production" ? {
+const StyledLink = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvLink, {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
   target: "e1j3ct5i3"
 } : {
   target: "e1j3ct5i3",
@@ -100,7 +107,9 @@ const StyledLink = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvLink
     boxShadow: "unset !important"
   }
 }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0UwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0xpc3QvTGlzdC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGaXhlZFNpemVMaXN0IH0gZnJvbSBcInJlYWN0LXdpbmRvd1wiO1xuaW1wb3J0IHsgSHZDaGVja0JveCwgSHZMaW5rLCBIdkxpc3RJdGVtLCBIdlJhZGlvIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgRHJvcFJpZ2h0WFMgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgY2hlY2tCb3hDbGFzc2VzIGZyb20gXCIuLi9DaGVja0JveC9jaGVja0JveENsYXNzZXNcIjtcbmltcG9ydCByYWRpb0NsYXNzZXMgZnJvbSBcIi4uL1JhZGlvL3JhZGlvQ2xhc3Nlc1wiO1xuaW1wb3J0IGxpc3RJdGVtQ2xhc3NlcyBmcm9tIFwiLi4vTGlzdENvbnRhaW5lci9MaXN0SXRlbS9saXN0SXRlbUNsYXNzZXNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZpeGVkU2l6ZUxpc3QgPSBzdHlsZWQoRml4ZWRTaXplTGlzdCkoe1xuICBtYXJnaW5Cb3R0b206IDUsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdEFsbENoZWNrQm94ID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGVja0JveCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgbWFyZ2luOiBcIjAgMCAycHggMFwiLFxuXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHpJbmRleDogMCxcblxuICAvLyBwcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgekluZGV4OiAxLFxuICB9LFxuICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gIFwiJi5mb2N1cy13aXRoaW5cIjoge1xuICAgIHpJbmRleDogMSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTXVsdGlTZWxlY3RDaGVja0JveCA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2Q2hlY2tCb3ggey4uLnByb3BzfSAvPlxuKSkoe1xuICBbYCYgLiR7Y2hlY2tCb3hDbGFzc2VzLnJvb3R9YF06IHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgekluZGV4OiAwLFxuICB9LFxuICBbYCYgLiR7Y2hlY2tCb3hDbGFzc2VzLmNvbnRhaW5lcn1gXToge1xuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICB9LFxuXG4gICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICAgIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgICBcIiYuZm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG4gIFtgJiAuJHtjaGVja0JveENsYXNzZXMubGFiZWx9YF06IHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZMaW5rIHsuLi5wcm9wc30gLz4pKHtcbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgYm94U2hhZG93OiBcInVuc2V0ICFpbXBvcnRhbnRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2luZ2xlU2VsZWN0UmFkaW8gPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdlJhZGlvIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgW2AmIC4ke3JhZGlvQ2xhc3Nlcy5yb290fWBdOiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHpJbmRleDogMCxcbiAgfSxcbiAgW2AmIC4ke3JhZGlvQ2xhc3Nlcy5jb250YWluZXJ9YF06IHtcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgfSxcblxuICAgIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgXCImLmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICB9LFxuICBbYCYgLiR7cmFkaW9DbGFzc2VzLmxhYmVsfWBdOiB7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZChcbiAgSHZMaXN0SXRlbSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYXBwbHlTZWxlY3RlZCB9OiB7ICRhcHBseVNlbGVjdGVkOiBib29sZWFuIH0pID0+ICh7XG4gIFtgJiAuJHtsaXN0SXRlbUNsYXNzZXMuc2VsZWN0ZWR9YF06IHtcbiAgICAuLi4oJGFwcGx5U2VsZWN0ZWQgJiYge1xuICAgICAgXCImOm5vdCg6aG92ZXIpOm5vdCguSHZJc0ZvY3VzZWQpOm5vdCg6Zm9jdXMtd2l0aGluKVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgfSxcbiAgICAgIFwiJjpub3QoOmhvdmVyKTpub3QoLkh2SXNGb2N1c2VkKTpub3QoLmZvY3VzLXdpdGhpbilcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIH0sXG4gICAgfSksXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wUmlnaHRYUyA9IHN0eWxlZChEcm9wUmlnaHRYUykoe1xuICB3aWR0aDogXCIzMnB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxufSk7XG4iXX0= */");
-const StyledSingleSelectRadio = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvRadio, { ...props }), process.env.NODE_ENV === "production" ? {
+const StyledSingleSelectRadio = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvRadio, {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
   target: "e1j3ct5i2"
 } : {
   target: "e1j3ct5i2",
@@ -119,6 +128,7 @@ const StyledSingleSelectRadio = /* @__PURE__ */ _styled((props) => /* @__PURE__
       outline: "none",
       boxShadow: "none"
     },
+    // IE fallback code (using focus-within-polyfill)
     "&.focus-within": {
       backgroundColor: "transparent",
       outline: "none",

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

@@ -1 +1 @@
-{"version":3,"file":"List.styles.js","sources":["../../../../src/components/List/List.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { FixedSizeList } from \"react-window\";\nimport { HvCheckBox, HvLink, HvListItem, HvRadio } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport checkBoxClasses from \"../CheckBox/checkBoxClasses\";\nimport radioClasses from \"../Radio/radioClasses\";\nimport listItemClasses from \"../ListContainer/ListItem/listItemClasses\";\nimport { CSSProperties } from \"react\";\n\nexport const StyledFixedSizeList = styled(FixedSizeList)({\n  marginBottom: 5,\n});\n\nexport const StyledSelectAllCheckBox = styled((props) => (\n  <HvCheckBox {...props} />\n))({\n  width: \"100%\",\n  margin: \"0 0 2px 0\",\n\n  position: \"relative\",\n  zIndex: 0,\n\n  // prevent the focus ring to be hidden by sibling hover background\n  \"&:focus-within\": {\n    zIndex: 1,\n  },\n  // IE fallback code (using focus-within-polyfill)\n  \"&.focus-within\": {\n    zIndex: 1,\n  },\n});\n\nexport const StyledMultiSelectCheckBox = styled((props) => (\n  <HvCheckBox {...props} />\n))({\n  [`& .${checkBoxClasses.root}`]: {\n    width: \"100%\",\n    zIndex: 0,\n  },\n  [`& .${checkBoxClasses.container}`]: {\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n\n    \"&:focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n  [`& .${checkBoxClasses.label}`]: {\n    display: \"inline-block\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n});\n\nexport const StyledLink = styled((props) => <HvLink {...props} />)({\n  ...(theme.typography.body as CSSProperties),\n  textDecoration: \"none\",\n\n  \"&:focus\": {\n    boxShadow: \"unset !important\",\n  },\n});\n\nexport const StyledSingleSelectRadio = styled((props) => (\n  <HvRadio {...props} />\n))({\n  [`& .${radioClasses.root}`]: {\n    width: \"100%\",\n    zIndex: 0,\n  },\n  [`& .${radioClasses.container}`]: {\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n\n    \"&:focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n  [`& .${radioClasses.label}`]: {\n    display: \"inline-block\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n});\n\nexport const StyledListItem = styled(\n  HvListItem,\n  transientOptions\n)(({ $applySelected }: { $applySelected: boolean }) => ({\n  [`& .${listItemClasses.selected}`]: {\n    ...($applySelected && {\n      \"&:not(:hover):not(.HvIsFocused):not(:focus-within)\": {\n        backgroundColor: \"transparent\",\n      },\n      \"&:not(:hover):not(.HvIsFocused):not(.focus-within)\": {\n        backgroundColor: \"transparent\",\n      },\n    }),\n  },\n}));\n\nexport const StyledDropRightXS = styled(DropRightXS)({\n  width: \"32px\",\n  height: \"32px\",\n  marginLeft: \"auto\",\n});\n"],"names":["StyledFixedSizeList","FixedSizeList","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledSelectAllCheckBox","props","StyledMultiSelectCheckBox","checkBoxClasses","root","width","zIndex","container","backgroundColor","outline","boxShadow","display","overflow","textOverflow","whiteSpace","StyledLink","theme","typography","body","textDecoration","StyledSingleSelectRadio","radioClasses","StyledListItem","HvListItem","_extends","transientOptions","$applySelected","listItemClasses","selected","StyledDropRightXS","DropRightXS"],"mappings":"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"}
+{"version":3,"file":"List.styles.js","sources":["../../../../src/components/List/List.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { FixedSizeList } from \"react-window\";\nimport { HvCheckBox, HvLink, HvListItem, HvRadio } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport checkBoxClasses from \"../CheckBox/checkBoxClasses\";\nimport radioClasses from \"../Radio/radioClasses\";\nimport listItemClasses from \"../ListContainer/ListItem/listItemClasses\";\nimport { CSSProperties } from \"react\";\n\nexport const StyledFixedSizeList = styled(FixedSizeList)({\n  marginBottom: 5,\n});\n\nexport const StyledSelectAllCheckBox = styled((props) => (\n  <HvCheckBox {...props} />\n))({\n  width: \"100%\",\n  margin: \"0 0 2px 0\",\n\n  position: \"relative\",\n  zIndex: 0,\n\n  // prevent the focus ring to be hidden by sibling hover background\n  \"&:focus-within\": {\n    zIndex: 1,\n  },\n  // IE fallback code (using focus-within-polyfill)\n  \"&.focus-within\": {\n    zIndex: 1,\n  },\n});\n\nexport const StyledMultiSelectCheckBox = styled((props) => (\n  <HvCheckBox {...props} />\n))({\n  [`& .${checkBoxClasses.root}`]: {\n    width: \"100%\",\n    zIndex: 0,\n  },\n  [`& .${checkBoxClasses.container}`]: {\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n\n    \"&:focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n  [`& .${checkBoxClasses.label}`]: {\n    display: \"inline-block\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n});\n\nexport const StyledLink = styled((props) => <HvLink {...props} />)({\n  ...(theme.typography.body as CSSProperties),\n  textDecoration: \"none\",\n\n  \"&:focus\": {\n    boxShadow: \"unset !important\",\n  },\n});\n\nexport const StyledSingleSelectRadio = styled((props) => (\n  <HvRadio {...props} />\n))({\n  [`& .${radioClasses.root}`]: {\n    width: \"100%\",\n    zIndex: 0,\n  },\n  [`& .${radioClasses.container}`]: {\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n\n    \"&:focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n  [`& .${radioClasses.label}`]: {\n    display: \"inline-block\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n});\n\nexport const StyledListItem = styled(\n  HvListItem,\n  transientOptions\n)(({ $applySelected }: { $applySelected: boolean }) => ({\n  [`& .${listItemClasses.selected}`]: {\n    ...($applySelected && {\n      \"&:not(:hover):not(.HvIsFocused):not(:focus-within)\": {\n        backgroundColor: \"transparent\",\n      },\n      \"&:not(:hover):not(.HvIsFocused):not(.focus-within)\": {\n        backgroundColor: \"transparent\",\n      },\n    }),\n  },\n}));\n\nexport const StyledDropRightXS = styled(DropRightXS)({\n  width: \"32px\",\n  height: \"32px\",\n  marginLeft: \"auto\",\n});\n"],"names":["StyledFixedSizeList","FixedSizeList","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledSelectAllCheckBox","_styled","props","_jsx","HvCheckBox","StyledMultiSelectCheckBox","checkBoxClasses","root","width","zIndex","container","backgroundColor","outline","boxShadow","display","overflow","textOverflow","whiteSpace","StyledLink","HvLink","theme","typography","body","textDecoration","StyledSingleSelectRadio","HvRadio","radioClasses","StyledListItem","HvListItem","_extends","transientOptions","$applySelected","listItemClasses","selected","StyledDropRightXS","DropRightXS"],"mappings":"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"}

package/dist/esm/components/List/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/List/utils.ts"],"sourcesContent":["import { withTooltip } from \"hocs\";\nimport { HvListValue } from \"./List\";\n\nconst isItemSelected = (item: HvListValue, newItem: HvListValue) => {\n  const selectionKey = item?.id ? \"id\" : \"label\";\n  const selectionElement = item && item[selectionKey];\n  return newItem[selectionKey] === selectionElement;\n};\n\nconst checkIcons = (list) => list?.some((elem) => elem?.icon);\n\nconst parseState = (list = []) => {\n  const hasLeftIcons = checkIcons(list);\n  const selection = list.filter((elem: any) => elem?.selected);\n  const anySelected = !!selection.length;\n  const allSelected = selection.length === list.length;\n  const anySelectableSelected = list.some(\n    (elem: any) => elem?.selected || elem?.disabled\n  );\n  const allSelectableSelected = list.every(\n    (elem: any) => elem?.selected || elem?.disabled\n  );\n\n  return {\n    list,\n    hasLeftIcons,\n    anySelected,\n    allSelected,\n    anySelectableSelected,\n    allSelectableSelected,\n    selection,\n  };\n};\n\nconst parseList = (\n  item: HvListValue | undefined,\n  props: {\n    multiSelect?: boolean;\n    selectable?: boolean;\n    singleSelectionToggle?: boolean;\n  },\n  selectAll: boolean | undefined,\n  list: HvListValue[] = []\n): HvListValue[] => {\n  const { multiSelect, selectable, singleSelectionToggle } = props || {};\n\n  let anySelected = false;\n  const newList = list.map((elem: any) => {\n    const newItem = { ...elem };\n\n    // reset elem item\n    if (!multiSelect) {\n      newItem.selected = false;\n    }\n\n    const selectItem = item ? isItemSelected(item, newItem) : elem?.selected;\n\n    if (selectItem && selectable) {\n      let selectionState;\n\n      if (multiSelect) {\n        selectionState = item ? !elem?.selected : true;\n      } else {\n        selectionState =\n          !anySelected &&\n          (item && singleSelectionToggle ? !elem?.selected : true);\n      }\n\n      newItem.selected = selectionState;\n      anySelected = true;\n    }\n\n    if (typeof selectAll === \"boolean\" && !elem?.disabled)\n      newItem.selected = selectAll;\n\n    // normalize item selected prop if not provided\n    if (!newItem?.selected) newItem.selected = false;\n\n    return newItem;\n  });\n\n  return newList;\n};\n\n/**\n * Hide tooltip when content doesn't overflow\n */\nconst hideTooltip = (evt) => {\n  const isOverFlow =\n    evt.target.children.length > 1\n      ? Array.of(...evt.target.children).some(\n          (child) => child.scrollWidth > child.clientWidth\n        )\n      : evt.target.scrollWidth > evt.target.clientWidth;\n\n  return !isOverFlow;\n};\n\nconst wrapperTooltip = (hasTooltips, Component, label) => {\n  const ComponentFunction = () => Component;\n  return hasTooltips\n    ? withTooltip(ComponentFunction, label, \"top\", hideTooltip, {}, {})\n    : ComponentFunction;\n};\n\nexport { isItemSelected, parseList, parseState, wrapperTooltip };\n"],"names":["isItemSelected","item","newItem","selectionKey","id","selectionElement","parseList","props","selectAll","list","multiSelect","selectable","singleSelectionToggle","anySelected","newList","map","elem","selected","selectItem","selectionState","disabled","hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","wrapperTooltip","hasTooltips","Component","label","ComponentFunction","withTooltip"],"mappings":";AAGMA,MAAAA,iBAAiBA,CAACC,MAAmBC,YAAyB;AAC5DC,QAAAA,gBAAeF,6BAAMG,MAAK,OAAO;AACjCC,QAAAA,mBAAmBJ,QAAQA,KAAKE;AACtC,SAAOD,QAAQC,kBAAkBE;AACnC;AA2BA,MAAMC,YAAYA,CAChBL,MACAM,OAKAC,WACAC,OAAsB,CAAA,MACJ;AACZ,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,IAAYC;AAAAA,EAAAA,IAA0BL,SAAS,CAAA;AAEpE,MAAIM,cAAc;AAClB,QAAMC,UAAUL,KAAKM,IAAI,CAACC,SAAc;AACtC,UAAMd,UAAU;AAAA,MAAE,GAAGc;AAAAA,IAAAA;AAGrB,QAAI,CAACN,aAAa;AAChBR,cAAQe,WAAW;AAAA,IACrB;AAEA,UAAMC,aAAajB,OAAOD,eAAeC,MAAMC,OAAO,IAAIc,6BAAMC;AAEhE,QAAIC,cAAcP,YAAY;AACxBQ,UAAAA;AAEJ,UAAIT,aAAa;AACET,yBAAAA,OAAO,EAACe,6BAAMC,YAAW;AAAA,MAAA,OACrC;AACLE,yBACE,CAACN,gBACAZ,QAAQW,wBAAwB,EAACI,6BAAMC,YAAW;AAAA,MACvD;AAEAf,cAAQe,WAAWE;AACL,oBAAA;AAAA,IAChB;AAEA,QAAI,OAAOX,cAAc,aAAa,EAACQ,6BAAMI;AAC3ClB,cAAQe,WAAWT;AAGrB,QAAI,EAACN,mCAASe;AAAUf,cAAQe,WAAW;AAEpCf,WAAAA;AAAAA,EAAAA,CACR;AAEMY,SAAAA;AACT;AAKA,MAAMO,cAAeC,CAAQ,QAAA;AACrBC,QAAAA,aACJD,IAAIE,OAAOC,SAASC,SAAS,IACzBC,MAAMC,GAAG,GAAGN,IAAIE,OAAOC,QAAQ,EAAEI,KAC9BC,CAAAA,UAAUA,MAAMC,cAAcD,MAAME,WAAW,IAElDV,IAAIE,OAAOO,cAAcT,IAAIE,OAAOQ;AAE1C,SAAO,CAACT;AACV;AAEA,MAAMU,iBAAiBA,CAACC,aAAaC,WAAWC,UAAU;AACxD,QAAMC,oBAAoBA,MAAMF;AACzBD,SAAAA,cACHI,YAAYD,mBAAmBD,OAAO,OAAOf,aAAa,CAAC,GAAG,EAAE,IAChEgB;AACN;"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/List/utils.ts"],"sourcesContent":["import { withTooltip } from \"hocs\";\nimport { HvListValue } from \"./List\";\n\nconst isItemSelected = (item: HvListValue, newItem: HvListValue) => {\n  const selectionKey = item?.id ? \"id\" : \"label\";\n  const selectionElement = item && item[selectionKey];\n  return newItem[selectionKey] === selectionElement;\n};\n\nconst checkIcons = (list) => list?.some((elem) => elem?.icon);\n\nconst parseState = (list = []) => {\n  const hasLeftIcons = checkIcons(list);\n  const selection = list.filter((elem: any) => elem?.selected);\n  const anySelected = !!selection.length;\n  const allSelected = selection.length === list.length;\n  const anySelectableSelected = list.some(\n    (elem: any) => elem?.selected || elem?.disabled\n  );\n  const allSelectableSelected = list.every(\n    (elem: any) => elem?.selected || elem?.disabled\n  );\n\n  return {\n    list,\n    hasLeftIcons,\n    anySelected,\n    allSelected,\n    anySelectableSelected,\n    allSelectableSelected,\n    selection,\n  };\n};\n\nconst parseList = (\n  item: HvListValue | undefined,\n  props: {\n    multiSelect?: boolean;\n    selectable?: boolean;\n    singleSelectionToggle?: boolean;\n  },\n  selectAll: boolean | undefined,\n  list: HvListValue[] = []\n): HvListValue[] => {\n  const { multiSelect, selectable, singleSelectionToggle } = props || {};\n\n  let anySelected = false;\n  const newList = list.map((elem: any) => {\n    const newItem = { ...elem };\n\n    // reset elem item\n    if (!multiSelect) {\n      newItem.selected = false;\n    }\n\n    const selectItem = item ? isItemSelected(item, newItem) : elem?.selected;\n\n    if (selectItem && selectable) {\n      let selectionState;\n\n      if (multiSelect) {\n        selectionState = item ? !elem?.selected : true;\n      } else {\n        selectionState =\n          !anySelected &&\n          (item && singleSelectionToggle ? !elem?.selected : true);\n      }\n\n      newItem.selected = selectionState;\n      anySelected = true;\n    }\n\n    if (typeof selectAll === \"boolean\" && !elem?.disabled)\n      newItem.selected = selectAll;\n\n    // normalize item selected prop if not provided\n    if (!newItem?.selected) newItem.selected = false;\n\n    return newItem;\n  });\n\n  return newList;\n};\n\n/**\n * Hide tooltip when content doesn't overflow\n */\nconst hideTooltip = (evt) => {\n  const isOverFlow =\n    evt.target.children.length > 1\n      ? Array.of(...evt.target.children).some(\n          (child) => child.scrollWidth > child.clientWidth\n        )\n      : evt.target.scrollWidth > evt.target.clientWidth;\n\n  return !isOverFlow;\n};\n\nconst wrapperTooltip = (hasTooltips, Component, label) => {\n  const ComponentFunction = () => Component;\n  return hasTooltips\n    ? withTooltip(ComponentFunction, label, \"top\", hideTooltip, {}, {})\n    : ComponentFunction;\n};\n\nexport { isItemSelected, parseList, parseState, wrapperTooltip };\n"],"names":["isItemSelected","item","newItem","selectionKey","id","selectionElement","parseList","props","selectAll","list","multiSelect","selectable","singleSelectionToggle","anySelected","newList","map","elem","selected","selectItem","selectionState","disabled","hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","wrapperTooltip","hasTooltips","Component","label","ComponentFunction","withTooltip"],"mappings":";AAGMA,MAAAA,iBAAiBA,CAACC,MAAmBC,YAAyB;AAC5DC,QAAAA,gBAAeF,6BAAMG,MAAK,OAAO;AACjCC,QAAAA,mBAAmBJ,QAAQA,KAAKE,YAAY;AAC3CD,SAAAA,QAAQC,YAAY,MAAME;AACnC;AA2BA,MAAMC,YAAYA,CAChBL,MACAM,OAKAC,WACAC,OAAsB,CAAA,MACJ;AACZ,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,IAAYC;AAAAA,EAAAA,IAA0BL,SAAS,CAAA;AAEpE,MAAIM,cAAc;AAClB,QAAMC,UAAUL,KAAKM,IAAI,CAACC,SAAc;AACtC,UAAMd,UAAU;AAAA,MAAE,GAAGc;AAAAA,IAAAA;AAGrB,QAAI,CAACN,aAAa;AAChBR,cAAQe,WAAW;AAAA,IACrB;AAEA,UAAMC,aAAajB,OAAOD,eAAeC,MAAMC,OAAO,IAAIc,6BAAMC;AAEhE,QAAIC,cAAcP,YAAY;AACxBQ,UAAAA;AAEJ,UAAIT,aAAa;AACET,yBAAAA,OAAO,EAACe,6BAAMC,YAAW;AAAA,MAAA,OACrC;AACLE,yBACE,CAACN,gBACAZ,QAAQW,wBAAwB,EAACI,6BAAMC,YAAW;AAAA,MACvD;AAEAf,cAAQe,WAAWE;AACL,oBAAA;AAAA,IAChB;AAEA,QAAI,OAAOX,cAAc,aAAa,EAACQ,6BAAMI;AAC3ClB,cAAQe,WAAWT;AAGrB,QAAI,EAACN,mCAASe;AAAUf,cAAQe,WAAW;AAEpCf,WAAAA;AAAAA,EAAAA,CACR;AAEMY,SAAAA;AACT;AAKA,MAAMO,cAAeC,CAAQ,QAAA;AACrBC,QAAAA,aACJD,IAAIE,OAAOC,SAASC,SAAS,IACzBC,MAAMC,GAAG,GAAGN,IAAIE,OAAOC,QAAQ,EAAEI,KAC9BC,CAAAA,UAAUA,MAAMC,cAAcD,MAAME,WAAW,IAElDV,IAAIE,OAAOO,cAAcT,IAAIE,OAAOQ;AAE1C,SAAO,CAACT;AACV;AAEA,MAAMU,iBAAiBA,CAACC,aAAaC,WAAWC,UAAU;AACxD,QAAMC,oBAAoBA,MAAMF;AACzBD,SAAAA,cACHI,YAAYD,mBAAmBD,OAAO,OAAOf,aAAa,CAAC,GAAG,EAAE,IAChEgB;AACN;"}

package/dist/esm/components/ListContainer/ListContainer.js

@@ -1,7 +1,7 @@
-import { jsx } from "@emotion/react/jsx-runtime";
 import React__default, { useRef, useContext, useMemo } from "react";
 import clsx from "clsx";
 import listContainerClasses from "./listContainerClasses.js";
+import { jsx } from "@emotion/react/jsx-runtime";
 import HvListContext from "./ListContext/ListContext.js";
 import useForkRef from "../../hooks/useForkRef.js";
 const HvListContainer = React__default.forwardRef(({
@@ -40,7 +40,16 @@ const HvListContainer = React__default.forwardRef(({
     });
   };
   const handleRef = useForkRef(externalRef, containerRef);
-  return /* @__PURE__ */ jsx(HvListContext.Provider, { value: listContext, children: /* @__PURE__ */ jsx("ul", { ref: handleRef, id, className: clsx(className, listContainerClasses.root, classes == null ? void 0 : classes.root), ...others, children: renderChildren() }) });
+  return /* @__PURE__ */ jsx(HvListContext.Provider, {
+    value: listContext,
+    children: /* @__PURE__ */ jsx("ul", {
+      ref: handleRef,
+      id,
+      className: clsx(className, listContainerClasses.root, classes == null ? void 0 : classes.root),
+      ...others,
+      children: renderChildren()
+    })
+  });
 });
 export {
   HvListContainer

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

@@ -1 +1 @@
-{"version":3,"file":"ListContainer.js","sources":["../../../../src/components/ListContainer/ListContainer.tsx"],"sourcesContent":["import React, { useRef, useContext, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport HvListContext from \"./ListContext\";\nimport { useForkRef } from \"hooks\";\nimport listContainerClasses, {\n  HvListContainerClasses,\n} from \"./listContainerClasses\";\n\nexport type HvListContainerProps = HvBaseProps<HTMLUListElement> & {\n  /**\n   * If the list items should be focusable and react to mouse over events.\n   * Defaults to true if the list is selectable, false otherwise.\n   */\n  interactive?: boolean;\n  /** If `true` compact the vertical spacing between list items. */\n  condensed?: boolean;\n  /** If `true`, the list items' left and right padding is removed. */\n  disableGutters?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListContainerClasses;\n};\n\n/**\n * A <b>list</b> is any enumeration of a set of items.\n * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.\n * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.\n */\nexport const HvListContainer = React.forwardRef(\n  (\n    {\n      id,\n      classes,\n      className,\n      interactive = false,\n      condensed,\n      disableGutters,\n      children,\n      ...others\n    }: HvListContainerProps,\n    externalRef\n  ) => {\n    const containerRef = useRef(null);\n\n    const { topContainerRef, nesting = -1 } = useContext<any>(HvListContext);\n\n    const listContext = useMemo(\n      () => ({\n        topContainerRef: topContainerRef || containerRef,\n        condensed,\n        disableGutters,\n        interactive,\n        nesting: nesting + 1,\n      }),\n      [condensed, disableGutters, interactive, nesting, topContainerRef]\n    );\n\n    const renderChildren = () => {\n      if (!interactive) {\n        return children;\n      }\n\n      const anySelected = React.Children.toArray(children)\n        .map((child: any) => child.props.selected && !child.props.disabled)\n        .reduce((result, selected) => result || selected, false);\n\n      return React.Children.map(children, (child: any, i) => {\n        const tabIndex =\n          child.props.tabIndex ||\n          (!anySelected && i === 0) ||\n          (child.props.selected && !child.props.disabled)\n            ? 0\n            : -1;\n\n        return React.cloneElement(child, {\n          tabIndex,\n          interactive,\n        });\n      });\n    };\n\n    const handleRef = useForkRef(externalRef, containerRef);\n\n    return (\n      <HvListContext.Provider value={listContext}>\n        <ul\n          ref={handleRef}\n          id={id}\n          className={clsx(className, listContainerClasses.root, classes?.root)}\n          {...others}\n        >\n          {renderChildren()}\n        </ul>\n      </HvListContext.Provider>\n    );\n  }\n);\n"],"names":["HvListContainer","React","forwardRef","id","classes","className","interactive","condensed","disableGutters","children","others","externalRef","containerRef","useRef","topContainerRef","nesting","useContext","HvListContext","listContext","useMemo","renderChildren","anySelected","Children","toArray","map","child","props","selected","disabled","reduce","result","i","tabIndex","cloneElement","handleRef","useForkRef","clsx","listContainerClasses","root"],"mappings":";;;;;;AA4BaA,MAAAA,kBAAkBC,eAAMC,WACnC,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACiB,GACtBC,gBACG;AACGC,QAAAA,eAAeC,OAAO,IAAI;AAE1B,QAAA;AAAA,IAAEC;AAAAA,IAAiBC,UAAU;AAAA,EAAA,IAAOC,WAAgBC,aAAa;AAEjEC,QAAAA,cAAcC,QAClB,OAAO;AAAA,IACLL,iBAAiBA,mBAAmBF;AAAAA,IACpCL;AAAAA,IACAC;AAAAA,IACAF;AAAAA,IACAS,SAASA,UAAU;AAAA,EAAA,IAErB,CAACR,WAAWC,gBAAgBF,aAAaS,SAASD,eAAe,CAAC;AAGpE,QAAMM,iBAAiBA,MAAM;AAC3B,QAAI,CAACd,aAAa;AACTG,aAAAA;AAAAA,IACT;AAEMY,UAAAA,cAAcpB,eAAMqB,SAASC,QAAQd,QAAQ,EAChDe,IAAI,CAACC,UAAeA,MAAMC,MAAMC,YAAY,CAACF,MAAMC,MAAME,QAAQ,EACjEC,OAAO,CAACC,QAAQH,aAAaG,UAAUH,UAAU,KAAK;AAEzD,WAAO1B,eAAMqB,SAASE,IAAIf,UAAU,CAACgB,OAAYM,MAAM;AACrD,YAAMC,WACJP,MAAMC,MAAMM,YACX,CAACX,eAAeU,MAAM,KACtBN,MAAMC,MAAMC,YAAY,CAACF,MAAMC,MAAME,WAClC,IACA;AAEC3B,aAAAA,eAAMgC,aAAaR,OAAO;AAAA,QAC/BO;AAAAA,QACA1B;AAAAA,MAAAA,CACD;AAAA,IAAA,CACF;AAAA,EAAA;AAGG4B,QAAAA,YAAYC,WAAWxB,aAAaC,YAAY;AAGpD,SAAA,oBAAC,cAAc,UAAd,EAAuB,OAAOM,aAC7B,UAAA,oBAAC,MACC,EAAA,KAAKgB,WACL,IACA,WAAWE,KAAK/B,WAAWgC,qBAAqBC,MAAMlC,mCAASkC,IAAI,GACnE,GAAI5B,QAEHU,UAAgB,iBACnB,CAAA,EACF,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"ListContainer.js","sources":["../../../../src/components/ListContainer/ListContainer.tsx"],"sourcesContent":["import React, { useRef, useContext, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport HvListContext from \"./ListContext\";\nimport { useForkRef } from \"hooks\";\nimport listContainerClasses, {\n  HvListContainerClasses,\n} from \"./listContainerClasses\";\n\nexport type HvListContainerProps = HvBaseProps<HTMLUListElement> & {\n  /**\n   * If the list items should be focusable and react to mouse over events.\n   * Defaults to true if the list is selectable, false otherwise.\n   */\n  interactive?: boolean;\n  /** If `true` compact the vertical spacing between list items. */\n  condensed?: boolean;\n  /** If `true`, the list items' left and right padding is removed. */\n  disableGutters?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListContainerClasses;\n};\n\n/**\n * A <b>list</b> is any enumeration of a set of items.\n * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.\n * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.\n */\nexport const HvListContainer = React.forwardRef(\n  (\n    {\n      id,\n      classes,\n      className,\n      interactive = false,\n      condensed,\n      disableGutters,\n      children,\n      ...others\n    }: HvListContainerProps,\n    externalRef\n  ) => {\n    const containerRef = useRef(null);\n\n    const { topContainerRef, nesting = -1 } = useContext<any>(HvListContext);\n\n    const listContext = useMemo(\n      () => ({\n        topContainerRef: topContainerRef || containerRef,\n        condensed,\n        disableGutters,\n        interactive,\n        nesting: nesting + 1,\n      }),\n      [condensed, disableGutters, interactive, nesting, topContainerRef]\n    );\n\n    const renderChildren = () => {\n      if (!interactive) {\n        return children;\n      }\n\n      const anySelected = React.Children.toArray(children)\n        .map((child: any) => child.props.selected && !child.props.disabled)\n        .reduce((result, selected) => result || selected, false);\n\n      return React.Children.map(children, (child: any, i) => {\n        const tabIndex =\n          child.props.tabIndex ||\n          (!anySelected && i === 0) ||\n          (child.props.selected && !child.props.disabled)\n            ? 0\n            : -1;\n\n        return React.cloneElement(child, {\n          tabIndex,\n          interactive,\n        });\n      });\n    };\n\n    const handleRef = useForkRef(externalRef, containerRef);\n\n    return (\n      <HvListContext.Provider value={listContext}>\n        <ul\n          ref={handleRef}\n          id={id}\n          className={clsx(className, listContainerClasses.root, classes?.root)}\n          {...others}\n        >\n          {renderChildren()}\n        </ul>\n      </HvListContext.Provider>\n    );\n  }\n);\n"],"names":["HvListContainer","React","forwardRef","id","classes","className","interactive","condensed","disableGutters","children","others","externalRef","containerRef","useRef","topContainerRef","nesting","useContext","HvListContext","listContext","useMemo","renderChildren","anySelected","Children","toArray","map","child","props","selected","disabled","reduce","result","i","tabIndex","cloneElement","handleRef","useForkRef","_jsx","Provider","value","ref","clsx","listContainerClasses","root"],"mappings":";;;;;;AA4BaA,MAAAA,kBAAkBC,eAAMC,WACnC,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,GACtBC,gBACG;AACGC,QAAAA,eAAeC,OAAO,IAAI;AAE1B,QAAA;AAAA,IAAEC;AAAAA,IAAiBC,UAAU;AAAA,EAAA,IAAOC,WAAgBC,aAAa;AAEjEC,QAAAA,cAAcC,QAClB,OAAO;AAAA,IACLL,iBAAiBA,mBAAmBF;AAAAA,IACpCL;AAAAA,IACAC;AAAAA,IACAF;AAAAA,IACAS,SAASA,UAAU;AAAA,EAAA,IAErB,CAACR,WAAWC,gBAAgBF,aAAaS,SAASD,eAAe,CAAC;AAGpE,QAAMM,iBAAiBA,MAAM;AAC3B,QAAI,CAACd,aAAa;AACTG,aAAAA;AAAAA,IACT;AAEMY,UAAAA,cAAcpB,eAAMqB,SAASC,QAAQd,QAAQ,EAChDe,IAAI,CAACC,UAAeA,MAAMC,MAAMC,YAAY,CAACF,MAAMC,MAAME,QAAQ,EACjEC,OAAO,CAACC,QAAQH,aAAaG,UAAUH,UAAU,KAAK;AAEzD,WAAO1B,eAAMqB,SAASE,IAAIf,UAAU,CAACgB,OAAYM,MAAM;AACrD,YAAMC,WACJP,MAAMC,MAAMM,YACX,CAACX,eAAeU,MAAM,KACtBN,MAAMC,MAAMC,YAAY,CAACF,MAAMC,MAAME,WAClC,IACA;AAEC3B,aAAAA,eAAMgC,aAAaR,OAAO;AAAA,QAC/BO;AAAAA,QACA1B;AAAAA,MAAAA,CACD;AAAA,IAAA,CACF;AAAA,EAAA;AAGG4B,QAAAA,YAAYC,WAAWxB,aAAaC,YAAY;AAGpDwB,SAAAA,oBAACnB,cAAcoB,UAAQ;AAAA,IAACC,OAAOpB;AAAAA,IAAYT,8BACzC,MAAA;AAAA,MACE8B,KAAKL;AAAAA,MACL/B;AAAAA,MACAE,WAAWmC,KAAKnC,WAAWoC,qBAAqBC,MAAMtC,mCAASsC,IAAI;AAAA,MAAE,GACjEhC;AAAAA,MAAMD,UAETW,eAAc;AAAA,IAAA,CAAE;AAAA,EAAA,CAEI;AAE7B,CAAC;"}

package/dist/esm/components/ListContainer/ListItem/ListItem.js

@@ -1,8 +1,8 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import React__default, { useContext, useCallback, useMemo } from "react";
 import clsx from "clsx";
 import { StyledListItem, StyledFocus } from "./ListItem.styles.js";
 import listItemClasses from "./listItemClasses.js";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import HvListContext from "../ListContext/ListContext.js";
 const applyClassNameAndStateToElement = (element, selected, disabled, onClick, className, externalClassname) => {
   var _a;
@@ -63,17 +63,37 @@ const HvListItem = ({
     "aria-disabled": disabled || void 0,
     "aria-selected": selected
   } : {};
-  const listItem = /* @__PURE__ */ jsxs(StyledListItem, { id, role, value, onClick: handleOnClick, onKeyDown: () => {
-  }, className: clsx(className, listItemClasses.root, classes == null ? void 0 : classes.root, !disableGutters && clsx(listItemClasses.gutters, classes == null ? void 0 : classes.gutters), condensed && clsx(listItemClasses.condensed, classes == null ? void 0 : classes.condensed), interactive && clsx(listItemClasses.interactive, classes == null ? void 0 : classes.interactive), selected && clsx(listItemClasses.selected, classes == null ? void 0 : classes.selected), disabled && clsx(listItemClasses.disabled, classes == null ? void 0 : classes.disabled), startAdornment != null && clsx(listItemClasses.withStartAdornment, classes == null ? void 0 : classes.withStartAdornment), endAdornment != null && clsx(listItemClasses.withEndAdornment, classes == null ? void 0 : classes.withEndAdornment)), $gutters: !disableGutters, $interactive: interactive, $disabled: disabled || false, $selected: selected || false, $startAdornment: startAdornment != null, $endAdornment: endAdornment != null, ...roleOptionAriaProps, ...others, children: [
-    clonedStartAdornment,
-    children,
-    clonedEndAdornment
-  ] });
-  return interactiveProp ? /* @__PURE__ */ jsx(StyledFocus, { rootRef: topContainerRef, selected, disabledClass: disabled || void 0, strategy: role === "option" ? "listbox" : "menu", classes: {
-    focus: clsx(classes == null ? void 0 : classes.focus, listItemClasses.focus)
-  }, configuration: {
-    tabIndex
-  }, children: listItem }) : listItem;
+  const listItem = /* @__PURE__ */ jsxs(StyledListItem, {
+    id,
+    role,
+    value,
+    onClick: handleOnClick,
+    onKeyDown: () => {
+    },
+    className: clsx(className, listItemClasses.root, classes == null ? void 0 : classes.root, !disableGutters && clsx(listItemClasses.gutters, classes == null ? void 0 : classes.gutters), condensed && clsx(listItemClasses.condensed, classes == null ? void 0 : classes.condensed), interactive && clsx(listItemClasses.interactive, classes == null ? void 0 : classes.interactive), selected && clsx(listItemClasses.selected, classes == null ? void 0 : classes.selected), disabled && clsx(listItemClasses.disabled, classes == null ? void 0 : classes.disabled), startAdornment != null && clsx(listItemClasses.withStartAdornment, classes == null ? void 0 : classes.withStartAdornment), endAdornment != null && clsx(listItemClasses.withEndAdornment, classes == null ? void 0 : classes.withEndAdornment)),
+    $gutters: !disableGutters,
+    $interactive: interactive,
+    $disabled: disabled || false,
+    $selected: selected || false,
+    $startAdornment: startAdornment != null,
+    $endAdornment: endAdornment != null,
+    ...roleOptionAriaProps,
+    ...others,
+    children: [clonedStartAdornment, children, clonedEndAdornment]
+  });
+  return interactiveProp ? /* @__PURE__ */ jsx(StyledFocus, {
+    rootRef: topContainerRef,
+    selected,
+    disabledClass: disabled || void 0,
+    strategy: role === "option" ? "listbox" : "menu",
+    classes: {
+      focus: clsx(classes == null ? void 0 : classes.focus, listItemClasses.focus)
+    },
+    configuration: {
+      tabIndex
+    },
+    children: listItem
+  }) : listItem;
 };
 export {
   HvListItem

package/dist/esm/components/ListContainer/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledListItem, StyledFocus } from \"./ListItem.styles\";\nimport HvListContext from \"../ListContext\";\nimport listItemClasses, { HvListItemClasses } from \"./listItemClasses\";\n\nexport type HvListItemProps = HvBaseProps<HTMLLIElement, { role }> & {\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role?: string;\n  /** Indicates if the list item is selected. */\n  selected?: boolean;\n  /** If true, the list item will be disabled. */\n  disabled?: boolean;\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive?: boolean;\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed?: boolean;\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters?: boolean;\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment?: React.ReactNode;\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment?: React.ReactNode;\n  /** The value to be set on the 'li' element */\n  value?: any;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListItemClasses;\n};\n\nconst applyClassNameAndStateToElement = (\n  element,\n  selected,\n  disabled,\n  onClick,\n  className,\n  externalClassname\n) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className, externalClassname) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nexport const HvListItem = ({\n  id,\n  classes,\n  className,\n  role,\n  value,\n  selected,\n  disabled,\n  interactive: interactiveProp,\n  condensed: condensedProp,\n  disableGutters: disableGuttersProp,\n  startAdornment,\n  endAdornment,\n  onClick,\n  children,\n  tabIndex,\n  ...others\n}: HvListItemProps) => {\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext<any>(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters =\n    disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive =\n    interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        clsx(\n          listItemClasses.startAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.startAdornment, disabled && classes?.disabled)\n      ),\n    [classes?.startAdornment, disabled, handleOnClick, selected, startAdornment]\n  );\n  const clonedEndAdornment = useMemo(\n    () =>\n      applyClassNameToElement(\n        endAdornment,\n        clsx(\n          listItemClasses.endAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.endAdornment, disabled && classes?.disabled)\n      ),\n    [classes?.endAdornment, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <StyledListItem\n      id={id}\n      role={role}\n      value={value}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(\n        className,\n        listItemClasses.root,\n        classes?.root,\n        !disableGutters && clsx(listItemClasses.gutters, classes?.gutters),\n        condensed && clsx(listItemClasses.condensed, classes?.condensed),\n        interactive && clsx(listItemClasses.interactive, classes?.interactive),\n        selected && clsx(listItemClasses.selected, classes?.selected),\n        disabled && clsx(listItemClasses.disabled, classes?.disabled),\n        startAdornment != null &&\n          clsx(listItemClasses.withStartAdornment, classes?.withStartAdornment),\n        endAdornment != null &&\n          clsx(listItemClasses.withEndAdornment, classes?.withEndAdornment)\n      )}\n      $gutters={!disableGutters}\n      $interactive={interactive}\n      $disabled={disabled || false}\n      $selected={selected || false}\n      $startAdornment={startAdornment != null}\n      $endAdornment={endAdornment != null}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </StyledListItem>\n  );\n\n  return interactiveProp ? (\n    <StyledFocus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: clsx(classes?.focus, listItemClasses.focus) }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </StyledFocus>\n  ) : (\n    listItem\n  );\n};\n"],"names":["applyClassNameAndStateToElement","element","selected","disabled","onClick","className","externalClassname","React","cloneElement","clsx","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","value","interactive","interactiveProp","condensed","condensedProp","disableGutters","disableGuttersProp","startAdornment","endAdornment","children","tabIndex","others","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","useContext","HvListContext","handleOnClick","useCallback","clonedStartAdornment","useMemo","listItemClasses","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","root","gutters","withStartAdornment","withEndAdornment","focus"],"mappings":"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"}
+{"version":3,"file":"ListItem.js","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledListItem, StyledFocus } from \"./ListItem.styles\";\nimport HvListContext from \"../ListContext\";\nimport listItemClasses, { HvListItemClasses } from \"./listItemClasses\";\n\nexport type HvListItemProps = HvBaseProps<HTMLLIElement, { role }> & {\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role?: string;\n  /** Indicates if the list item is selected. */\n  selected?: boolean;\n  /** If true, the list item will be disabled. */\n  disabled?: boolean;\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive?: boolean;\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed?: boolean;\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters?: boolean;\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment?: React.ReactNode;\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment?: React.ReactNode;\n  /** The value to be set on the 'li' element */\n  value?: any;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListItemClasses;\n};\n\nconst applyClassNameAndStateToElement = (\n  element,\n  selected,\n  disabled,\n  onClick,\n  className,\n  externalClassname\n) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className, externalClassname) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nexport const HvListItem = ({\n  id,\n  classes,\n  className,\n  role,\n  value,\n  selected,\n  disabled,\n  interactive: interactiveProp,\n  condensed: condensedProp,\n  disableGutters: disableGuttersProp,\n  startAdornment,\n  endAdornment,\n  onClick,\n  children,\n  tabIndex,\n  ...others\n}: HvListItemProps) => {\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext<any>(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters =\n    disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive =\n    interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        clsx(\n          listItemClasses.startAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.startAdornment, disabled && classes?.disabled)\n      ),\n    [classes?.startAdornment, disabled, handleOnClick, selected, startAdornment]\n  );\n  const clonedEndAdornment = useMemo(\n    () =>\n      applyClassNameToElement(\n        endAdornment,\n        clsx(\n          listItemClasses.endAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.endAdornment, disabled && classes?.disabled)\n      ),\n    [classes?.endAdornment, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <StyledListItem\n      id={id}\n      role={role}\n      value={value}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(\n        className,\n        listItemClasses.root,\n        classes?.root,\n        !disableGutters && clsx(listItemClasses.gutters, classes?.gutters),\n        condensed && clsx(listItemClasses.condensed, classes?.condensed),\n        interactive && clsx(listItemClasses.interactive, classes?.interactive),\n        selected && clsx(listItemClasses.selected, classes?.selected),\n        disabled && clsx(listItemClasses.disabled, classes?.disabled),\n        startAdornment != null &&\n          clsx(listItemClasses.withStartAdornment, classes?.withStartAdornment),\n        endAdornment != null &&\n          clsx(listItemClasses.withEndAdornment, classes?.withEndAdornment)\n      )}\n      $gutters={!disableGutters}\n      $interactive={interactive}\n      $disabled={disabled || false}\n      $selected={selected || false}\n      $startAdornment={startAdornment != null}\n      $endAdornment={endAdornment != null}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </StyledListItem>\n  );\n\n  return interactiveProp ? (\n    <StyledFocus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: clsx(classes?.focus, listItemClasses.focus) }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </StyledFocus>\n  ) : (\n    listItem\n  );\n};\n"],"names":["applyClassNameAndStateToElement","element","selected","disabled","onClick","className","externalClassname","React","cloneElement","clsx","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","value","interactive","interactiveProp","condensed","condensedProp","disableGutters","disableGuttersProp","startAdornment","endAdornment","children","tabIndex","others","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","useContext","HvListContext","handleOnClick","useCallback","clonedStartAdornment","useMemo","listItemClasses","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","StyledListItem","onKeyDown","root","gutters","withStartAdornment","withEndAdornment","$gutters","$interactive","$disabled","$selected","$startAdornment","$endAdornment","StyledFocus","rootRef","disabledClass","strategy","focus","configuration"],"mappings":"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"}

package/dist/esm/components/ListContainer/ListItem/ListItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.styles.js","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvFocus } from \"components\";\nimport { outlineStyles } from \"utils\";\nimport listItemClasses from \"./listItemClasses\";\nimport { CSSProperties } from \"react\";\n\nexport const StyledListItem = styled(\n  \"li\",\n  transientOptions\n)(\n  ({\n    $gutters,\n    $interactive,\n    $selected,\n    $disabled,\n    $startAdornment,\n    $endAdornment,\n  }: {\n    $gutters: boolean;\n    $interactive: boolean;\n    $selected: boolean;\n    $disabled: boolean;\n    $startAdornment: boolean;\n    $endAdornment: boolean;\n  }) => ({\n    ...(theme.typography.body as CSSProperties),\n    padding: 0,\n    display: \"block\",\n    height: \"32px\",\n    lineHeight: \"32px\",\n    listStyleType: \"none\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    position: \"relative\",\n\n    \"&:not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n    [`&.${listItemClasses.condensed}`]: {\n      marginBottom: 0,\n    },\n\n    ...($gutters && {\n      padding: `0 ${theme.space.xs}`,\n\n      [`&.${listItemClasses.withStartAdornment}`]: {\n        paddingLeft: 0,\n      },\n      [`&.${listItemClasses.withEndAdornment}`]: {\n        paddingRight: 0,\n      },\n    }),\n    ...($interactive && {\n      cursor: \"pointer\",\n      [`&:not(.${listItemClasses.disabled}):not(.${listItemClasses.selected}):hover`]:\n        {\n          backgroundColor: theme.list.hoverColor,\n        },\n      [`&.${listItemClasses.disabled}`]: {\n        cursor: \"not-allowed\",\n      },\n    }),\n    ...($selected && {\n      backgroundColor: theme.list.hoverColor,\n    }),\n    ...($disabled && {\n      color: theme.colors.atmo5,\n      backgroundColor: theme.list.disabledBackgroundColor,\n    }),\n    ...($startAdornment && {\n      \"& > div\": {\n        float: \"left\",\n      },\n\n      \"& svg\": {\n        boxShadow: \"none !important\",\n        outline: \"none !important\",\n      },\n      [`.${listItemClasses.disabled} > svg *.color0`]: {\n        fill: theme.colors.atmo5,\n      },\n    }),\n    ...($endAdornment && {\n      \"& > div\": { float: \"right\" },\n\n      \"& svg\": {\n        boxShadow: \"none !important\",\n        outline: \"none !important\",\n      },\n      [`.${listItemClasses.disabled} > svg *.color0`]: {\n        fill: theme.colors.atmo5,\n      },\n    }),\n    \"&.HvIsFocused\": {\n      ...outlineStyles,\n      backgroundColor: theme.colors.atmo3,\n      zIndex: 2,\n    },\n  })\n);\n\nexport const StyledFocus = styled(HvFocus)({\n  backgroundColor: theme.colors.atmo3,\n  zIndex: 2,\n});\n"],"names":["StyledListItem","process","env","NODE_ENV","_extends","target","transientOptions","label","$gutters","$interactive","$selected","$disabled","$startAdornment","$endAdornment","theme","typography","body","padding","display","height","lineHeight","listStyleType","overflow","textOverflow","whiteSpace","position","marginBottom","listItemClasses","condensed","space","xs","withStartAdornment","paddingLeft","withEndAdornment","paddingRight","cursor","disabled","selected","backgroundColor","list","hoverColor","color","colors","atmo5","disabledBackgroundColor","float","boxShadow","outline","fill","outlineStyles","atmo3","zIndex","StyledFocus","HvFocus"],"mappings":";;;;;;;;;;;;;;;;;;;;AAQaA,MAAAA,yCACX,MAAIC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACJC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAQF,OAAO;AAAA,EACL,GAAIC,MAAMC,WAAWC;AAAAA,EACrBC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,YAAY;AAAA,EACZC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,YAAY;AAAA,EACZC,UAAU;AAAA,EAEV,sBAAsB;AAAA,IACpBC,cAAc;AAAA,EAChB;AAAA,EACA,CAAE,KAAIC,gBAAgBC,cAAc;AAAA,IAClCF,cAAc;AAAA,EAChB;AAAA,EAEA,GAAIlB,YAAY;AAAA,IACdS,SAAU,KAAIH,MAAMe,MAAMC;AAAAA,IAE1B,CAAE,KAAIH,gBAAgBI,uBAAuB;AAAA,MAC3CC,aAAa;AAAA,IACf;AAAA,IACA,CAAE,KAAIL,gBAAgBM,qBAAqB;AAAA,MACzCC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACA,GAAIzB,gBAAgB;AAAA,IAClB0B,QAAQ;AAAA,IACR,CAAE,UAASR,gBAAgBS,kBAAkBT,gBAAgBU,oBAC3D;AAAA,MACEC,iBAAiBxB,MAAMyB,KAAKC;AAAAA,IAC9B;AAAA,IACF,CAAE,KAAIb,gBAAgBS,aAAa;AAAA,MACjCD,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,GAAIzB,aAAa;AAAA,IACf4B,iBAAiBxB,MAAMyB,KAAKC;AAAAA,EAC9B;AAAA,EACA,GAAI7B,aAAa;AAAA,IACf8B,OAAO3B,MAAM4B,OAAOC;AAAAA,IACpBL,iBAAiBxB,MAAMyB,KAAKK;AAAAA,EAC9B;AAAA,EACA,GAAIhC,mBAAmB;AAAA,IACrB,WAAW;AAAA,MACTiC,OAAO;AAAA,IACT;AAAA,IAEA,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,IAAGpB,gBAAgBS,4BAA4B;AAAA,MAC/CY,MAAMlC,MAAM4B,OAAOC;AAAAA,IACrB;AAAA,EACF;AAAA,EACA,GAAI9B,iBAAiB;AAAA,IACnB,WAAW;AAAA,MAAEgC,OAAO;AAAA,IAAQ;AAAA,IAE5B,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,IAAGpB,gBAAgBS,4BAA4B;AAAA,MAC/CY,MAAMlC,MAAM4B,OAAOC;AAAAA,IACrB;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,GAAGM;AAAAA,IACHX,iBAAiBxB,MAAM4B,OAAOQ;AAAAA,IAC9BC,QAAQ;AAAA,EACV;AACF,IAAElD,QAAAC,IAAAC,aACH,eAAA,KAAA,6lIAAA;AAEM,MAAMiD,cAAqBC,wBAAAA,SAAOpD,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACzC+B,iBAAiBxB,MAAM4B,OAAOQ;AAAAA,EAC9BC,QAAQ;AACV,GAAClD,QAAAC,IAAAC,aAAC,eAAA,KAAA,imIAAA;"}
+{"version":3,"file":"ListItem.styles.js","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvFocus } from \"components\";\nimport { outlineStyles } from \"utils\";\nimport listItemClasses from \"./listItemClasses\";\nimport { CSSProperties } from \"react\";\n\nexport const StyledListItem = styled(\n  \"li\",\n  transientOptions\n)(\n  ({\n    $gutters,\n    $interactive,\n    $selected,\n    $disabled,\n    $startAdornment,\n    $endAdornment,\n  }: {\n    $gutters: boolean;\n    $interactive: boolean;\n    $selected: boolean;\n    $disabled: boolean;\n    $startAdornment: boolean;\n    $endAdornment: boolean;\n  }) => ({\n    ...(theme.typography.body as CSSProperties),\n    padding: 0,\n    display: \"block\",\n    height: \"32px\",\n    lineHeight: \"32px\",\n    listStyleType: \"none\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    position: \"relative\",\n\n    \"&:not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n    [`&.${listItemClasses.condensed}`]: {\n      marginBottom: 0,\n    },\n\n    ...($gutters && {\n      padding: `0 ${theme.space.xs}`,\n\n      [`&.${listItemClasses.withStartAdornment}`]: {\n        paddingLeft: 0,\n      },\n      [`&.${listItemClasses.withEndAdornment}`]: {\n        paddingRight: 0,\n      },\n    }),\n    ...($interactive && {\n      cursor: \"pointer\",\n      [`&:not(.${listItemClasses.disabled}):not(.${listItemClasses.selected}):hover`]:\n        {\n          backgroundColor: theme.list.hoverColor,\n        },\n      [`&.${listItemClasses.disabled}`]: {\n        cursor: \"not-allowed\",\n      },\n    }),\n    ...($selected && {\n      backgroundColor: theme.list.hoverColor,\n    }),\n    ...($disabled && {\n      color: theme.colors.atmo5,\n      backgroundColor: theme.list.disabledBackgroundColor,\n    }),\n    ...($startAdornment && {\n      \"& > div\": {\n        float: \"left\",\n      },\n\n      \"& svg\": {\n        boxShadow: \"none !important\",\n        outline: \"none !important\",\n      },\n      [`.${listItemClasses.disabled} > svg *.color0`]: {\n        fill: theme.colors.atmo5,\n      },\n    }),\n    ...($endAdornment && {\n      \"& > div\": { float: \"right\" },\n\n      \"& svg\": {\n        boxShadow: \"none !important\",\n        outline: \"none !important\",\n      },\n      [`.${listItemClasses.disabled} > svg *.color0`]: {\n        fill: theme.colors.atmo5,\n      },\n    }),\n    \"&.HvIsFocused\": {\n      ...outlineStyles,\n      backgroundColor: theme.colors.atmo3,\n      zIndex: 2,\n    },\n  })\n);\n\nexport const StyledFocus = styled(HvFocus)({\n  backgroundColor: theme.colors.atmo3,\n  zIndex: 2,\n});\n"],"names":["StyledListItem","process","env","NODE_ENV","_extends","target","transientOptions","label","$gutters","$interactive","$selected","$disabled","$startAdornment","$endAdornment","theme","typography","body","padding","display","height","lineHeight","listStyleType","overflow","textOverflow","whiteSpace","position","marginBottom","listItemClasses","condensed","space","xs","withStartAdornment","paddingLeft","withEndAdornment","paddingRight","cursor","disabled","selected","backgroundColor","list","hoverColor","color","colors","atmo5","disabledBackgroundColor","float","boxShadow","outline","fill","outlineStyles","atmo3","zIndex","StyledFocus","HvFocus"],"mappings":";;;;;;;;;;;;;;;;;;;;AAQaA,MAAAA,yCACX,MAAIC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACJC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAQF,OAAO;AAAA,EACL,GAAIC,MAAMC,WAAWC;AAAAA,EACrBC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,YAAY;AAAA,EACZC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,YAAY;AAAA,EACZC,UAAU;AAAA,EAEV,sBAAsB;AAAA,IACpBC,cAAc;AAAA,EAChB;AAAA,EACA,CAAE,KAAIC,gBAAgBC,WAAW,GAAG;AAAA,IAClCF,cAAc;AAAA,EAChB;AAAA,EAEA,GAAIlB,YAAY;AAAA,IACdS,SAAU,KAAIH,MAAMe,MAAMC;AAAAA,IAE1B,CAAE,KAAIH,gBAAgBI,oBAAoB,GAAG;AAAA,MAC3CC,aAAa;AAAA,IACf;AAAA,IACA,CAAE,KAAIL,gBAAgBM,kBAAkB,GAAG;AAAA,MACzCC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACA,GAAIzB,gBAAgB;AAAA,IAClB0B,QAAQ;AAAA,IACR,CAAE,UAASR,gBAAgBS,kBAAkBT,gBAAgBU,iBAAiB,GAC5E;AAAA,MACEC,iBAAiBxB,MAAMyB,KAAKC;AAAAA,IAC9B;AAAA,IACF,CAAE,KAAIb,gBAAgBS,UAAU,GAAG;AAAA,MACjCD,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,GAAIzB,aAAa;AAAA,IACf4B,iBAAiBxB,MAAMyB,KAAKC;AAAAA,EAC9B;AAAA,EACA,GAAI7B,aAAa;AAAA,IACf8B,OAAO3B,MAAM4B,OAAOC;AAAAA,IACpBL,iBAAiBxB,MAAMyB,KAAKK;AAAAA,EAC9B;AAAA,EACA,GAAIhC,mBAAmB;AAAA,IACrB,WAAW;AAAA,MACTiC,OAAO;AAAA,IACT;AAAA,IAEA,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,IAAGpB,gBAAgBS,yBAAyB,GAAG;AAAA,MAC/CY,MAAMlC,MAAM4B,OAAOC;AAAAA,IACrB;AAAA,EACF;AAAA,EACA,GAAI9B,iBAAiB;AAAA,IACnB,WAAW;AAAA,MAAEgC,OAAO;AAAA,IAAQ;AAAA,IAE5B,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,IAAGpB,gBAAgBS,yBAAyB,GAAG;AAAA,MAC/CY,MAAMlC,MAAM4B,OAAOC;AAAAA,IACrB;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,GAAGM;AAAAA,IACHX,iBAAiBxB,MAAM4B,OAAOQ;AAAAA,IAC9BC,QAAQ;AAAA,EACV;AACF,IAAElD,QAAAC,IAAAC,aACH,eAAA,KAAA,6lIAAA;AAEM,MAAMiD,cAAqBC,wBAAAA,SAAOpD,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACzC+B,iBAAiBxB,MAAM4B,OAAOQ;AAAAA,EAC9BC,QAAQ;AACV,GAAClD,QAAAC,IAAAC,aAAC,eAAA,KAAA,imIAAA;"}

package/dist/esm/components/Loading/Loading.js

@@ -1,9 +1,9 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { theme } from "@hitachivantara/uikit-styles";
 import clsx from "clsx";
 import range from "lodash/range";
 import { StyledRoot, StyledBarContainer, StyledBar, StyledLabel } from "./Loading.styles.js";
 import loadingClasses from "./loadingClasses.js";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 const HvLoading = (props) => {
   const {
     color,
@@ -23,10 +23,23 @@ const HvLoading = (props) => {
   const inline = {
     backgroundColor: getColor(small ? "acce1" : "acce3")
   };
-  return /* @__PURE__ */ jsxs(StyledRoot, { hidden: !!hidden, className: clsx(className, loadingClasses.root, classes == null ? void 0 : classes.root, hidden && clsx(classes == null ? void 0 : classes.hidden, loadingClasses.hidden)), ...others, children: [
-    /* @__PURE__ */ jsx(StyledBarContainer, { className: clsx(loadingClasses.barContainer, classes == null ? void 0 : classes.barContainer), children: range(0, 3).map((e) => /* @__PURE__ */ jsx(StyledBar, { style: inline, className: clsx(loadingClasses.loadingBar, classes == null ? void 0 : classes.loadingBar, loadingClasses[variant], classes == null ? void 0 : classes[variant]), $variant: variant }, e)) }),
-    label && /* @__PURE__ */ jsx(StyledLabel, { variant: "caption1", className: clsx(loadingClasses.label, classes == null ? void 0 : classes.label), children: label })
-  ] });
+  return /* @__PURE__ */ jsxs(StyledRoot, {
+    hidden: !!hidden,
+    className: clsx(className, loadingClasses.root, classes == null ? void 0 : classes.root, hidden && clsx(classes == null ? void 0 : classes.hidden, loadingClasses.hidden)),
+    ...others,
+    children: [/* @__PURE__ */ jsx(StyledBarContainer, {
+      className: clsx(loadingClasses.barContainer, classes == null ? void 0 : classes.barContainer),
+      children: range(0, 3).map((e) => /* @__PURE__ */ jsx(StyledBar, {
+        style: inline,
+        className: clsx(loadingClasses.loadingBar, classes == null ? void 0 : classes.loadingBar, loadingClasses[variant], classes == null ? void 0 : classes[variant]),
+        $variant: variant
+      }, e))
+    }), label && /* @__PURE__ */ jsx(StyledLabel, {
+      variant: "caption1",
+      className: clsx(loadingClasses.label, classes == null ? void 0 : classes.label),
+      children: label
+    })]
+  });
 };
 export {
   HvLoading

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

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport clsx from \"clsx\";\nimport range from \"lodash/range\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledBar,\n  StyledBarContainer,\n  StyledLabel,\n  StyledRoot,\n} from \"./Loading.styles\";\nimport loadingClasses, { HvLoadingClasses } from \"./loadingClasses\";\n\nexport type HvLoadingProps = HvBaseProps<HTMLDivElement> & {\n  /** Indicates if the component should be render in a small size. */\n  small?: boolean;\n  /** The label to be displayed.  */\n  label?: string | React.ReactNode;\n  /** Whether the loading animation is hidden. */\n  hidden?: boolean;\n  /** Color applied to the bars. */\n  color?: string;\n  classes?: HvLoadingClasses;\n};\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nexport const HvLoading = (props: HvLoadingProps) => {\n  const { color, hidden, small, label, classes, className, ...others } = props;\n\n  const getColor = (colorName) => {\n    return color ? theme.colors[color] || color : theme.colors[colorName];\n  };\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"acce1\" : \"acce3\") };\n  return (\n    <StyledRoot\n      hidden={!!hidden}\n      className={clsx(\n        className,\n        loadingClasses.root,\n        classes?.root,\n        hidden && clsx(classes?.hidden, loadingClasses.hidden)\n      )}\n      {...others}\n    >\n      <StyledBarContainer\n        className={clsx(loadingClasses.barContainer, classes?.barContainer)}\n      >\n        {range(0, 3).map((e) => (\n          <StyledBar\n            key={e}\n            style={inline}\n            className={clsx(\n              loadingClasses.loadingBar,\n              classes?.loadingBar,\n              loadingClasses[variant],\n              classes?.[variant]\n            )}\n            $variant={variant}\n          ></StyledBar>\n        ))}\n      </StyledBarContainer>\n      {label && (\n        <StyledLabel\n          variant=\"caption1\"\n          className={clsx(loadingClasses.label, classes?.label)}\n        >\n          {label}\n        </StyledLabel>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvLoading","props","color","hidden","small","label","classes","className","others","getColor","colorName","theme","colors","size","colorVariant","variant","inline","backgroundColor","clsx","loadingClasses","root","barContainer","range","map","e","loadingBar"],"mappings":";;;;;;AA2BaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IAAEC;AAAAA,IAAOC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,OAAcC;AAAAA,EAAWP,IAAAA;AAEvE,QAAMQ,WAAYC,CAAc,cAAA;AAC9B,WAAOR,QAAQS,MAAMC,OAAOV,UAAUA,QAAQS,MAAMC,OAAOF;AAAAA,EAAAA;AAGvDG,QAAAA,OAAOT,QAAQ,UAAU;AACzBU,QAAAA,eAAeZ,QAAQ,UAAU;AACjCa,QAAAA,UAAW,GAAEF,OAAOC;AAE1B,QAAME,SAAS;AAAA,IAAEC,iBAAiBR,SAASL,QAAQ,UAAU,OAAO;AAAA,EAAA;AAElE,SAAA,qBAAC,cACC,QAAQ,CAAC,CAACD,QACV,WAAWe,KACTX,WACAY,eAAeC,MACfd,mCAASc,MACTjB,UAAUe,KAAKZ,mCAASH,QAAQgB,eAAehB,MAAM,CAAC,GAExD,GAAIK,QAEJ,UAAA;AAAA,IAAA,oBAAC,oBACC,EAAA,WAAWU,KAAKC,eAAeE,cAAcf,mCAASe,YAAY,GAEjEC,UAAAA,MAAM,GAAG,CAAC,EAAEC,IAAKC,OACf,oBAAA,WAAA,EAEC,OAAOR,QACP,WAAWE,KACTC,eAAeM,YACfnB,mCAASmB,YACTN,eAAeJ,UACfT,mCAAUS,QAAQ,GAEpB,UAAUA,WARLS,CASN,CACF,GACH;AAAA,IACCnB,SACC,oBAAC,aACC,EAAA,SAAQ,YACR,WAAWa,KAAKC,eAAed,OAAOC,mCAASD,KAAK,GAEnDA,UACH,MAAA,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport clsx from \"clsx\";\nimport range from \"lodash/range\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledBar,\n  StyledBarContainer,\n  StyledLabel,\n  StyledRoot,\n} from \"./Loading.styles\";\nimport loadingClasses, { HvLoadingClasses } from \"./loadingClasses\";\n\nexport type HvLoadingProps = HvBaseProps<HTMLDivElement> & {\n  /** Indicates if the component should be render in a small size. */\n  small?: boolean;\n  /** The label to be displayed.  */\n  label?: string | React.ReactNode;\n  /** Whether the loading animation is hidden. */\n  hidden?: boolean;\n  /** Color applied to the bars. */\n  color?: string;\n  classes?: HvLoadingClasses;\n};\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nexport const HvLoading = (props: HvLoadingProps) => {\n  const { color, hidden, small, label, classes, className, ...others } = props;\n\n  const getColor = (colorName) => {\n    return color ? theme.colors[color] || color : theme.colors[colorName];\n  };\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"acce1\" : \"acce3\") };\n  return (\n    <StyledRoot\n      hidden={!!hidden}\n      className={clsx(\n        className,\n        loadingClasses.root,\n        classes?.root,\n        hidden && clsx(classes?.hidden, loadingClasses.hidden)\n      )}\n      {...others}\n    >\n      <StyledBarContainer\n        className={clsx(loadingClasses.barContainer, classes?.barContainer)}\n      >\n        {range(0, 3).map((e) => (\n          <StyledBar\n            key={e}\n            style={inline}\n            className={clsx(\n              loadingClasses.loadingBar,\n              classes?.loadingBar,\n              loadingClasses[variant],\n              classes?.[variant]\n            )}\n            $variant={variant}\n          ></StyledBar>\n        ))}\n      </StyledBarContainer>\n      {label && (\n        <StyledLabel\n          variant=\"caption1\"\n          className={clsx(loadingClasses.label, classes?.label)}\n        >\n          {label}\n        </StyledLabel>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvLoading","props","color","hidden","small","label","classes","className","others","getColor","colorName","theme","colors","size","colorVariant","variant","inline","backgroundColor","StyledRoot","clsx","loadingClasses","root","children","_jsx","StyledBarContainer","barContainer","range","map","e","StyledBar","style","loadingBar","$variant","StyledLabel"],"mappings":";;;;;;AA2BaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IAAEC;AAAAA,IAAOC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAAW,GAAGC;AAAAA,EAAWP,IAAAA;AAEvE,QAAMQ,WAAYC,CAAc,cAAA;AACvBR,WAAAA,QAAQS,MAAMC,OAAOV,KAAK,KAAKA,QAAQS,MAAMC,OAAOF,SAAS;AAAA,EAAA;AAGhEG,QAAAA,OAAOT,QAAQ,UAAU;AACzBU,QAAAA,eAAeZ,QAAQ,UAAU;AACjCa,QAAAA,UAAW,GAAEF,OAAOC;AAE1B,QAAME,SAAS;AAAA,IAAEC,iBAAiBR,SAASL,QAAQ,UAAU,OAAO;AAAA,EAAA;AACpE,8BACGc,YAAU;AAAA,IACTf,QAAQ,CAAC,CAACA;AAAAA,IACVI,WAAWY,KACTZ,WACAa,eAAeC,MACff,mCAASe,MACTlB,UAAUgB,KAAKb,mCAASH,QAAQiB,eAAejB,MAAM,CAAC;AAAA,IACtD,GACEK;AAAAA,IAAMc,UAAA,CAEVC,oBAACC,oBAAkB;AAAA,MACjBjB,WAAWY,KAAKC,eAAeK,cAAcnB,mCAASmB,YAAY;AAAA,MAAEH,UAEnEI,MAAM,GAAG,CAAC,EAAEC,IAAKC,CAAAA,0BACfC,WAAS;AAAA,QAERC,OAAOd;AAAAA,QACPT,WAAWY,KACTC,eAAeW,YACfzB,mCAASyB,YACTX,eAAeL,OAAO,GACtBT,mCAAUS,QAAQ;AAAA,QAEpBiB,UAAUjB;AAAAA,MAAQ,GARba,CAAC,CAUT;AAAA,IAAA,CAAC,GAEHvB,SACCkB,oBAACU,aAAW;AAAA,MACVlB,SAAQ;AAAA,MACRR,WAAWY,KAAKC,eAAef,OAAOC,mCAASD,KAAK;AAAA,MAAEiB,UAErDjB;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACU;AAEjB;"}

package/dist/esm/components/Login/Login.js

@@ -1,7 +1,7 @@
-import { jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { StyledRoot, StyledFormContainer } from "./Login.styles.js";
 import loginClasses from "./loginClasses.js";
+import { jsx } from "@emotion/react/jsx-runtime";
 const HvLogin = ({
   id,
   className,
@@ -10,9 +10,18 @@ const HvLogin = ({
   background,
   ...others
 }) => {
-  return /* @__PURE__ */ jsx(StyledRoot, { id, className: clsx(className, loginClasses.root, classes == null ? void 0 : classes.root), style: {
-    backgroundImage: background && `url(${background})`
-  }, ...others, children: /* @__PURE__ */ jsx(StyledFormContainer, { className: clsx(loginClasses.formContainer, classes == null ? void 0 : classes.formContainer), children }) });
+  return /* @__PURE__ */ jsx(StyledRoot, {
+    id,
+    className: clsx(className, loginClasses.root, classes == null ? void 0 : classes.root),
+    style: {
+      backgroundImage: background && `url(${background})`
+    },
+    ...others,
+    children: /* @__PURE__ */ jsx(StyledFormContainer, {
+      className: clsx(loginClasses.formContainer, classes == null ? void 0 : classes.formContainer),
+      children
+    })
+  });
 };
 export {
   HvLogin

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

@@ -1 +1 @@
-{"version":3,"file":"Login.js","sources":["../../../../src/components/Login/Login.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledFormContainer, StyledRoot } from \"./Login.styles\";\nimport loginClasses, { HvLoginClasses } from \"./loginClasses\";\n\nexport type HvLoginProps = HvBaseProps & {\n  /**\n   *  The path for the background image.\n   */\n  background?: string;\n  /**\n   * Class names to be applied.\n   */\n  classes?: HvLoginClasses;\n};\n\n/**\n * Container layout for the login form.\n */\nexport const HvLogin = ({\n  id,\n  className,\n  classes,\n  children,\n  background,\n  ...others\n}: HvLoginProps) => {\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, loginClasses.root, classes?.root)}\n      style={{\n        backgroundImage: background && `url(${background})`,\n      }}\n      {...others}\n    >\n      <StyledFormContainer\n        className={clsx(loginClasses.formContainer, classes?.formContainer)}\n      >\n        {children}\n      </StyledFormContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvLogin","id","className","classes","children","background","others","clsx","loginClasses","root","backgroundImage","formContainer"],"mappings":";;;;AAmBO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACS,MAAM;AAEhB,SAAA,oBAAC,YACC,EAAA,IACA,WAAWC,KAAKL,WAAWM,aAAaC,MAAMN,mCAASM,IAAI,GAC3D,OAAO;AAAA,IACLC,iBAAiBL,cAAe,OAAMA;AAAAA,EAAAA,GAEpCC,GAAAA,QAEJ,UAAA,oBAAC,qBACC,EAAA,WAAWC,KAAKC,aAAaG,eAAeR,mCAASQ,aAAa,GAEjEP,UACH,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"Login.js","sources":["../../../../src/components/Login/Login.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledFormContainer, StyledRoot } from \"./Login.styles\";\nimport loginClasses, { HvLoginClasses } from \"./loginClasses\";\n\nexport type HvLoginProps = HvBaseProps & {\n  /**\n   *  The path for the background image.\n   */\n  background?: string;\n  /**\n   * Class names to be applied.\n   */\n  classes?: HvLoginClasses;\n};\n\n/**\n * Container layout for the login form.\n */\nexport const HvLogin = ({\n  id,\n  className,\n  classes,\n  children,\n  background,\n  ...others\n}: HvLoginProps) => {\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, loginClasses.root, classes?.root)}\n      style={{\n        backgroundImage: background && `url(${background})`,\n      }}\n      {...others}\n    >\n      <StyledFormContainer\n        className={clsx(loginClasses.formContainer, classes?.formContainer)}\n      >\n        {children}\n      </StyledFormContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvLogin","id","className","classes","children","background","others","StyledRoot","clsx","loginClasses","root","style","backgroundImage","StyledFormContainer","formContainer"],"mappings":";;;;AAmBO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACS,MAAM;AAClB,6BACGC,YAAU;AAAA,IACTN;AAAAA,IACAC,WAAWM,KAAKN,WAAWO,aAAaC,MAAMP,mCAASO,IAAI;AAAA,IAC3DC,OAAO;AAAA,MACLC,iBAAiBP,cAAe,OAAMA;AAAAA,IACxC;AAAA,IAAE,GACEC;AAAAA,IAAMF,8BAETS,qBAAmB;AAAA,MAClBX,WAAWM,KAAKC,aAAaK,eAAeX,mCAASW,aAAa;AAAA,MAAEV;AAAAA,IAAAA,CAE3D;AAAA,EAAA,CAEA;AAEjB;"}

package/dist/esm/components/MultiButton/MultiButton.js

@@ -1,8 +1,8 @@
-import { jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import React__default, { cloneElement } from "react";
 import { StyledRoot, StyledButton } from "./MultiButton.styles.js";
 import multiButtonClasses from "./multiButtonClasses.js";
+import { jsx } from "@emotion/react/jsx-runtime";
 const HvMultiButton = ({
   className,
   children,
@@ -12,19 +12,24 @@ const HvMultiButton = ({
   variant = "secondarySubtle",
   ...others
 }) => {
-  return /* @__PURE__ */ jsx(StyledRoot, { className: clsx(className, multiButtonClasses.root, classes == null ? void 0 : classes.root, vertical && clsx(classes == null ? void 0 : classes.vertical, multiButtonClasses.vertical)), $vertical: vertical, ...others, children: React__default.Children.map(children, (child) => {
-    if (React__default.isValidElement(child)) {
-      const childIsSelected = !!child.props.selected;
-      const btn = cloneElement(child, {
-        variant,
-        disabled: disabled || child.props.disabled,
-        "aria-pressed": childIsSelected,
-        className: clsx(child.props.className, multiButtonClasses.button, classes == null ? void 0 : classes.button, childIsSelected && clsx(multiButtonClasses.selected, classes == null ? void 0 : classes.selected))
-      });
-      const StyledBtn = StyledButton(btn);
-      return React__default.createElement(StyledBtn);
-    }
-  }) });
+  return /* @__PURE__ */ jsx(StyledRoot, {
+    className: clsx(className, multiButtonClasses.root, classes == null ? void 0 : classes.root, vertical && clsx(classes == null ? void 0 : classes.vertical, multiButtonClasses.vertical)),
+    $vertical: vertical,
+    ...others,
+    children: React__default.Children.map(children, (child) => {
+      if (React__default.isValidElement(child)) {
+        const childIsSelected = !!child.props.selected;
+        const btn = cloneElement(child, {
+          variant,
+          disabled: disabled || child.props.disabled,
+          "aria-pressed": childIsSelected,
+          className: clsx(child.props.className, multiButtonClasses.button, classes == null ? void 0 : classes.button, childIsSelected && clsx(multiButtonClasses.selected, classes == null ? void 0 : classes.selected))
+        });
+        const StyledBtn = StyledButton(btn);
+        return React__default.createElement(StyledBtn);
+      }
+    })
+  });
 };
 export {
   HvMultiButton

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

@@ -1 +1 @@
-{"version":3,"file":"MultiButton.js","sources":["../../../../src/components/MultiButton/MultiButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { cloneElement } from \"react\";\nimport { HvButtonVariant } from \"components\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledButton, StyledRoot } from \"./MultiButton.styles\";\nimport multiButtonClasses, { HvMultiButtonClasses } from \"./multiButtonClasses\";\n\nexport type HvMultiButtonProps = HvBaseProps & {\n  /** If all the buttons are disabled. */\n  disabled?: boolean;\n  /** If the MultiButton is to be displayed vertically. */\n  vertical?: boolean;\n  /** Category of button to use */\n  variant?: HvButtonVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvMultiButtonClasses;\n};\n\nexport const HvMultiButton = ({\n  className,\n  children,\n  classes,\n  disabled = false,\n  vertical = false,\n  variant = \"secondarySubtle\",\n  ...others\n}: HvMultiButtonProps) => {\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        multiButtonClasses.root,\n        classes?.root,\n        vertical && clsx(classes?.vertical, multiButtonClasses.vertical)\n      )}\n      $vertical={vertical}\n      {...others}\n    >\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          const childIsSelected = !!child.props.selected;\n\n          const btn = cloneElement(child as React.ReactElement, {\n            variant,\n            disabled: disabled || child.props.disabled,\n            \"aria-pressed\": childIsSelected,\n            className: clsx(\n              child.props.className,\n              multiButtonClasses.button,\n              classes?.button,\n              childIsSelected &&\n                clsx(multiButtonClasses.selected, classes?.selected)\n            ),\n          });\n\n          const StyledBtn = StyledButton(btn);\n\n          return React.createElement(StyledBtn);\n        }\n      })}\n    </StyledRoot>\n  );\n};\n"],"names":["HvMultiButton","className","children","classes","disabled","vertical","variant","others","clsx","multiButtonClasses","root","React","Children","map","child","isValidElement","childIsSelected","props","selected","btn","cloneElement","button","StyledBtn","StyledButton","createElement"],"mappings":";;;;;AAkBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,UAAU;AAAA,KACPC;AACe,MAAM;AAEtB,SAAA,oBAAC,YACC,EAAA,WAAWC,KACTP,WACAQ,mBAAmBC,MACnBP,mCAASO,MACTL,YAAYG,KAAKL,mCAASE,UAAUI,mBAAmBJ,QAAQ,CAAC,GAElE,WAAWA,UACX,GAAIE,QAEHI,UAAMC,eAAAA,SAASC,IAAIX,UAAWY,CAAU,UAAA;AACnCH,QAAAA,eAAMI,eAAeD,KAAK,GAAG;AAC/B,YAAME,kBAAkB,CAAC,CAACF,MAAMG,MAAMC;AAEhCC,YAAAA,MAAMC,aAAaN,OAA6B;AAAA,QACpDR;AAAAA,QACAF,UAAUA,YAAYU,MAAMG,MAAMb;AAAAA,QAClC,gBAAgBY;AAAAA,QAChBf,WAAWO,KACTM,MAAMG,MAAMhB,WACZQ,mBAAmBY,QACnBlB,mCAASkB,QACTL,mBACER,KAAKC,mBAAmBS,UAAUf,mCAASe,QAAQ,CAAC;AAAA,MAAA,CAEzD;AAEKI,YAAAA,YAAYC,aAAaJ,GAAG;AAE3BR,aAAAA,eAAMa,cAAcF,SAAS;AAAA,IACtC;AAAA,EACD,CAAA,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"MultiButton.js","sources":["../../../../src/components/MultiButton/MultiButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { cloneElement } from \"react\";\nimport { HvButtonVariant } from \"components\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledButton, StyledRoot } from \"./MultiButton.styles\";\nimport multiButtonClasses, { HvMultiButtonClasses } from \"./multiButtonClasses\";\n\nexport type HvMultiButtonProps = HvBaseProps & {\n  /** If all the buttons are disabled. */\n  disabled?: boolean;\n  /** If the MultiButton is to be displayed vertically. */\n  vertical?: boolean;\n  /** Category of button to use */\n  variant?: HvButtonVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvMultiButtonClasses;\n};\n\nexport const HvMultiButton = ({\n  className,\n  children,\n  classes,\n  disabled = false,\n  vertical = false,\n  variant = \"secondarySubtle\",\n  ...others\n}: HvMultiButtonProps) => {\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        multiButtonClasses.root,\n        classes?.root,\n        vertical && clsx(classes?.vertical, multiButtonClasses.vertical)\n      )}\n      $vertical={vertical}\n      {...others}\n    >\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          const childIsSelected = !!child.props.selected;\n\n          const btn = cloneElement(child as React.ReactElement, {\n            variant,\n            disabled: disabled || child.props.disabled,\n            \"aria-pressed\": childIsSelected,\n            className: clsx(\n              child.props.className,\n              multiButtonClasses.button,\n              classes?.button,\n              childIsSelected &&\n                clsx(multiButtonClasses.selected, classes?.selected)\n            ),\n          });\n\n          const StyledBtn = StyledButton(btn);\n\n          return React.createElement(StyledBtn);\n        }\n      })}\n    </StyledRoot>\n  );\n};\n"],"names":["HvMultiButton","className","children","classes","disabled","vertical","variant","others","StyledRoot","clsx","multiButtonClasses","root","$vertical","React","Children","map","child","isValidElement","childIsSelected","props","selected","btn","cloneElement","button","StyledBtn","StyledButton","createElement"],"mappings":";;;;;AAkBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,UAAU;AAAA,EACV,GAAGC;AACe,MAAM;AACxB,6BACGC,YAAU;AAAA,IACTP,WAAWQ,KACTR,WACAS,mBAAmBC,MACnBR,mCAASQ,MACTN,YAAYI,KAAKN,mCAASE,UAAUK,mBAAmBL,QAAQ,CAAC;AAAA,IAElEO,WAAWP;AAAAA,IAAS,GAChBE;AAAAA,IAAML,UAETW,eAAMC,SAASC,IAAIb,UAAWc,CAAU,UAAA;AACnCH,UAAAA,eAAMI,eAAeD,KAAK,GAAG;AAC/B,cAAME,kBAAkB,CAAC,CAACF,MAAMG,MAAMC;AAEhCC,cAAAA,MAAMC,aAAaN,OAA6B;AAAA,UACpDV;AAAAA,UACAF,UAAUA,YAAYY,MAAMG,MAAMf;AAAAA,UAClC,gBAAgBc;AAAAA,UAChBjB,WAAWQ,KACTO,MAAMG,MAAMlB,WACZS,mBAAmBa,QACnBpB,mCAASoB,QACTL,mBACET,KAAKC,mBAAmBU,UAAUjB,mCAASiB,QAAQ,CAAC;AAAA,QAAA,CAEzD;AAEKI,cAAAA,YAAYC,aAAaJ,GAAG;AAE3BR,eAAAA,eAAMa,cAAcF,SAAS;AAAA,MACtC;AAAA,IAAA,CACD;AAAA,EAAA,CACU;AAEjB;"}