@hitachivantara/uikit-react-core 4.4.2 → 5.0.0-next.1

package/dist/cjs/components/MultiButton/MultiButton.styles.cjs

@@ -0,0 +1,177 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const clsx = require("clsx");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e17vrbb41"
+} : {
+  target: "e17vrbb41",
+  label: "StyledRoot"
+})(({
+  vertical
+}) => ({
+  display: "flex",
+  height: 32,
+  alignItems: "center",
+  transition: "none",
+  background: uikitStyles.theme.colors.atmo2,
+  position: "relative",
+  zIndex: 0,
+  "&>.HvIsFocusVisible": {
+    zIndex: 5
+  },
+  ...vertical && {
+    flexDirection: "column",
+    height: "auto",
+    btnSecondary: {
+      flex: "1 1 20px"
+    },
+    "& button.button": {
+      width: "100%",
+      borderLeft: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
+      borderRight: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
+      borderTop: "solid 1px transparent",
+      borderBottom: "solid 1px transparent",
+      "&:disabled": {
+        color: uikitStyles.theme.colors.atmo5,
+        borderLeft: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
+        borderRight: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
+        borderTop: "solid 1px transparent",
+        borderBottom: "solid 1px transparent",
+        "&:hover": {
+          borderLeft: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
+          borderRight: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
+          borderTop: "solid 1px transparent",
+          borderBottom: "solid 1px transparent"
+        }
+      },
+      "&:first-child": {
+        borderTop: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
+        borderTopLeftRadius: "2px",
+        borderTopRightRadius: "2px"
+      },
+      "&:last-child": {
+        borderBottom: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
+        borderBottomLeftRadius: "2px",
+        borderBottomRightRadius: "2px",
+        "&:disabled:hover": {
+          borderBottom: `solid 1px ${uikitStyles.theme.colors.atmo4} !important`
+        }
+      },
+      "&:not(:first-child)": {
+        marginLeft: 0,
+        marginTop: -1
+      },
+      "&.selected": {
+        height: 32,
+        width: `calc(100% + 2px) !important`,
+        background: uikitStyles.theme.colors.atmo1,
+        ...uikitStyles.theme.typography.label,
+        borderRadius: "2px",
+        border: `solid 1px ${uikitStyles.theme.colors.acce1}`,
+        zIndex: 2,
+        "&:hover, &:focus": {
+          background: uikitStyles.theme.colors.atmo3
+        },
+        "&:disabled": {
+          zIndex: 1,
+          color: uikitStyles.theme.colors.atmo5,
+          background: uikitStyles.theme.colors.atmo1,
+          border: `solid 1px ${uikitStyles.theme.colors.atmo4}`
+        }
+      }
+    }
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTXVsdGlCdXR0b24vTXVsdGlCdXR0b24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9NdWx0aUJ1dHRvbi9NdWx0aUJ1dHRvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdmVydGljYWwgfTogeyB2ZXJ0aWNhbDogYm9vbGVhbiB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGhlaWdodDogMzIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICB0cmFuc2l0aW9uOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICB6SW5kZXg6IDAsXG5cbiAgICAvLyBwcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgICBcIiY+Lkh2SXNGb2N1c1Zpc2libGVcIjoge1xuICAgICAgekluZGV4OiA1LFxuICAgIH0sXG5cbiAgICAuLi4odmVydGljYWwgJiYge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGhlaWdodDogXCJhdXRvXCIsXG4gICAgICBidG5TZWNvbmRhcnk6IHtcbiAgICAgICAgZmxleDogXCIxIDEgMjBweFwiLFxuICAgICAgfSxcbiAgICAgIFwiJiBidXR0b24uYnV0dG9uXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlclRvcDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgYm9yZGVyQm90dG9tOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgICAgYm9yZGVyVG9wOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgICAgIGJvcmRlckJvdHRvbTogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgICAgIGJvcmRlclRvcDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgICAgIGJvcmRlckJvdHRvbTogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgICBcIiY6Zmlyc3QtY2hpbGRcIjoge1xuICAgICAgICAgIGJvcmRlclRvcDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICAgIGJvcmRlclRvcExlZnRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjJweFwiLFxuICAgICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjJweFwiLFxuICAgICAgICAgIFwiJjpkaXNhYmxlZDpob3ZlclwiOiB7XG4gICAgICAgICAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9ICFpbXBvcnRhbnRgLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpub3QoOmZpcnN0LWNoaWxkKVwiOiB7XG4gICAgICAgICAgbWFyZ2luTGVmdDogMCxcbiAgICAgICAgICBtYXJnaW5Ub3A6IC0xLFxuICAgICAgICB9LFxuICAgICAgICBcIiYuc2VsZWN0ZWRcIjoge1xuICAgICAgICAgIGhlaWdodDogMzIsXG4gICAgICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgKyAycHgpICFpbXBvcnRhbnRgLFxuICAgICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgICAgYm9yZGVyOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmFjY2UxfWAsXG4gICAgICAgICAgekluZGV4OiAyLFxuICAgICAgICAgIFwiJjpob3ZlciwgJjpmb2N1c1wiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgICAgekluZGV4OiAxLFxuICAgICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IChFbGVtZW50KSA9PlxuICBzdHlsZWQoKHsgY2xhc3NOYW1lIH0pID0+IChcbiAgICA8RWxlbWVudC50eXBlXG4gICAgICB7Li4uRWxlbWVudC5wcm9wc31cbiAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgXCJidXR0b25cIixcbiAgICAgICAgRWxlbWVudC5wcm9wcy5zZWxlY3RlZCAmJiBcInNlbGVjdGVkXCIsXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAvPlxuICApKSh7XG4gICAgaGVpZ2h0OiAzMixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgbWluV2lkdGg6IDMyLFxuICAgIG1heFdpZHRoOiAyMDAsXG4gICAgcGFkZGluZzogMCxcbiAgICB0cmFuc2l0aW9uOiBcIm5vbmVcIixcbiAgICBmbGV4OiBcIjEgMCAwcHhcIixcbiAgICBib3JkZXJUb3A6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICBib3JkZXJMZWZ0OiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgIGJvcmRlclJpZ2h0OiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzN9YCxcbiAgICB9LFxuICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICAgICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlclRvcDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgYm9yZGVyTGVmdDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgYm9yZGVyUmlnaHQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICB9LFxuICAgIH0sXG4gICAgXCImOmZpcnN0LWNoaWxkXCI6IHtcbiAgICAgIGJvcmRlckxlZnQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIGJvcmRlclRvcExlZnRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjJweFwiLFxuICAgIH0sXG4gICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiBcIjJweFwiLFxuICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICBcIiY6ZGlzYWJsZWQ6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH0gIWltcG9ydGFudGAsXG4gICAgICB9LFxuICAgIH0sXG4gICAgXCImOm5vdCg6Zmlyc3QtY2hpbGQpXCI6IHtcbiAgICAgIG1hcmdpbkxlZnQ6IFwiLTFweFwiLFxuICAgIH0sXG4gICAgXCImLnNlbGVjdGVkXCI6IHtcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgIGhlaWdodDogMzQsXG4gICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgICAgekluZGV4OiAyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICBcIiY6bm90KDpkaXNhYmxlZClcIjoge1xuICAgICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIFwiJjpmaXJzdC1jaGlsZCwgJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgYm9yZGVyOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmFjY2UxfWAsXG4gICAgICB9LFxuXG4gICAgICAvLyBwcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgICAgIC8vIGV2ZW4gd2hlbiBzZWxlY3RlZFxuICAgICAgXCImLkh2SXNGb2N1c1Zpc2libGVcIjoge1xuICAgICAgICB6SW5kZXg6IDUsXG4gICAgICB9LFxuICAgICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSxcbiAgICB9LFxuICB9KTtcbiJdfQ== */");
+const StyledButton = (Element) => /* @__PURE__ */ _styled__default.default(({
+  className
+}) => /* @__PURE__ */ jsxRuntime.jsx(Element.type, {
+  ...Element.props,
+  className: clsx__default.default("button", Element.props.selected && "selected", className)
+}), process.env.NODE_ENV === "production" ? {
+  target: "e17vrbb40"
+} : {
+  target: "e17vrbb40",
+  label: "StyledButton"
+})({
+  height: 32,
+  width: "100%",
+  minWidth: 32,
+  maxWidth: 200,
+  padding: 0,
+  transition: "none",
+  flex: "1 0 0px",
+  borderTop: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
+  borderBottom: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
+  borderLeft: "solid 1px transparent",
+  borderRight: "solid 1px transparent",
+  borderRadius: 0,
+  ...uikitStyles.theme.typography.body,
+  "&:active": {
+    backgroundColor: `${uikitStyles.theme.colors.atmo3}`
+  },
+  "&:disabled": {
+    color: uikitStyles.theme.colors.atmo5,
+    borderTop: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
+    borderBottom: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
+    "&:hover": {
+      borderTop: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
+      borderBottom: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
+      borderLeft: "solid 1px transparent",
+      borderRight: "solid 1px transparent"
+    }
+  },
+  "&:first-child": {
+    borderLeft: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
+    borderTopLeftRadius: "2px",
+    borderBottomLeftRadius: "2px"
+  },
+  "&:last-child": {
+    borderRight: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
+    borderTopRightRadius: "2px",
+    borderBottomRightRadius: "2px",
+    "&:disabled:hover": {
+      borderRight: `solid 1px ${uikitStyles.theme.colors.atmo4} !important`
+    }
+  },
+  "&:not(:first-child)": {
+    marginLeft: "-1px"
+  },
+  "&.selected": {
+    background: uikitStyles.theme.colors.atmo1,
+    height: 34,
+    ...uikitStyles.theme.typography.label,
+    borderRadius: "2px",
+    border: `solid 1px ${uikitStyles.theme.colors.acce1}`,
+    zIndex: 2,
+    "&:hover": {
+      background: uikitStyles.theme.colors.atmo3,
+      "&:not(:disabled)": {
+        border: `solid 1px ${uikitStyles.theme.colors.acce1}`
+      },
+      "&:disabled": {
+        border: `solid 1px ${uikitStyles.theme.colors.atmo4}`
+      }
+    },
+    "&:first-child, &:last-child": {
+      border: `solid 1px ${uikitStyles.theme.colors.acce1}`
+    },
+    "&.HvIsFocusVisible": {
+      zIndex: 5
+    },
+    "&:disabled": {
+      zIndex: 1,
+      color: uikitStyles.theme.colors.atmo5,
+      background: uikitStyles.theme.colors.atmo1,
+      border: `solid 1px ${uikitStyles.theme.colors.atmo4}`
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTXVsdGlCdXR0b24vTXVsdGlCdXR0b24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRkUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9NdWx0aUJ1dHRvbi9NdWx0aUJ1dHRvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdmVydGljYWwgfTogeyB2ZXJ0aWNhbDogYm9vbGVhbiB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGhlaWdodDogMzIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICB0cmFuc2l0aW9uOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICB6SW5kZXg6IDAsXG5cbiAgICAvLyBwcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgICBcIiY+Lkh2SXNGb2N1c1Zpc2libGVcIjoge1xuICAgICAgekluZGV4OiA1LFxuICAgIH0sXG5cbiAgICAuLi4odmVydGljYWwgJiYge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGhlaWdodDogXCJhdXRvXCIsXG4gICAgICBidG5TZWNvbmRhcnk6IHtcbiAgICAgICAgZmxleDogXCIxIDEgMjBweFwiLFxuICAgICAgfSxcbiAgICAgIFwiJiBidXR0b24uYnV0dG9uXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIGJvcmRlclRvcDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgYm9yZGVyQm90dG9tOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgICAgYm9yZGVyVG9wOiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgICAgICAgIGJvcmRlckJvdHRvbTogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgICAgIGJvcmRlclRvcDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgICAgIGJvcmRlckJvdHRvbTogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgICBcIiY6Zmlyc3QtY2hpbGRcIjoge1xuICAgICAgICAgIGJvcmRlclRvcDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICAgIGJvcmRlclRvcExlZnRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjJweFwiLFxuICAgICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjJweFwiLFxuICAgICAgICAgIFwiJjpkaXNhYmxlZDpob3ZlclwiOiB7XG4gICAgICAgICAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9ICFpbXBvcnRhbnRgLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpub3QoOmZpcnN0LWNoaWxkKVwiOiB7XG4gICAgICAgICAgbWFyZ2luTGVmdDogMCxcbiAgICAgICAgICBtYXJnaW5Ub3A6IC0xLFxuICAgICAgICB9LFxuICAgICAgICBcIiYuc2VsZWN0ZWRcIjoge1xuICAgICAgICAgIGhlaWdodDogMzIsXG4gICAgICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgKyAycHgpICFpbXBvcnRhbnRgLFxuICAgICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgICAgYm9yZGVyOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmFjY2UxfWAsXG4gICAgICAgICAgekluZGV4OiAyLFxuICAgICAgICAgIFwiJjpob3ZlciwgJjpmb2N1c1wiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgICAgekluZGV4OiAxLFxuICAgICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IChFbGVtZW50KSA9PlxuICBzdHlsZWQoKHsgY2xhc3NOYW1lIH0pID0+IChcbiAgICA8RWxlbWVudC50eXBlXG4gICAgICB7Li4uRWxlbWVudC5wcm9wc31cbiAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgXCJidXR0b25cIixcbiAgICAgICAgRWxlbWVudC5wcm9wcy5zZWxlY3RlZCAmJiBcInNlbGVjdGVkXCIsXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAvPlxuICApKSh7XG4gICAgaGVpZ2h0OiAzMixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgbWluV2lkdGg6IDMyLFxuICAgIG1heFdpZHRoOiAyMDAsXG4gICAgcGFkZGluZzogMCxcbiAgICB0cmFuc2l0aW9uOiBcIm5vbmVcIixcbiAgICBmbGV4OiBcIjEgMCAwcHhcIixcbiAgICBib3JkZXJUb3A6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICBib3JkZXJMZWZ0OiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgIGJvcmRlclJpZ2h0OiBcInNvbGlkIDFweCB0cmFuc3BhcmVudFwiLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBgJHt0aGVtZS5jb2xvcnMuYXRtbzN9YCxcbiAgICB9LFxuICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICAgICAgYm9yZGVyVG9wOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlclRvcDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICBib3JkZXJCb3R0b206IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgICAgYm9yZGVyTGVmdDogXCJzb2xpZCAxcHggdHJhbnNwYXJlbnRcIixcbiAgICAgICAgYm9yZGVyUmlnaHQ6IFwic29saWQgMXB4IHRyYW5zcGFyZW50XCIsXG4gICAgICB9LFxuICAgIH0sXG4gICAgXCImOmZpcnN0LWNoaWxkXCI6IHtcbiAgICAgIGJvcmRlckxlZnQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIGJvcmRlclRvcExlZnRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjJweFwiLFxuICAgIH0sXG4gICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiBcIjJweFwiLFxuICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMnB4XCIsXG4gICAgICBcIiY6ZGlzYWJsZWQ6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH0gIWltcG9ydGFudGAsXG4gICAgICB9LFxuICAgIH0sXG4gICAgXCImOm5vdCg6Zmlyc3QtY2hpbGQpXCI6IHtcbiAgICAgIG1hcmdpbkxlZnQ6IFwiLTFweFwiLFxuICAgIH0sXG4gICAgXCImLnNlbGVjdGVkXCI6IHtcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgIGhlaWdodDogMzQsXG4gICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgICAgekluZGV4OiAyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICBcIiY6bm90KDpkaXNhYmxlZClcIjoge1xuICAgICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIFwiJjpmaXJzdC1jaGlsZCwgJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgYm9yZGVyOiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmFjY2UxfWAsXG4gICAgICB9LFxuXG4gICAgICAvLyBwcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgICAgIC8vIGV2ZW4gd2hlbiBzZWxlY3RlZFxuICAgICAgXCImLkh2SXNGb2N1c1Zpc2libGVcIjoge1xuICAgICAgICB6SW5kZXg6IDUsXG4gICAgICB9LFxuICAgICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSxcbiAgICB9LFxuICB9KTtcbiJdfQ== */");
+exports.StyledButton = StyledButton;
+exports.StyledRoot = StyledRoot;
+//# sourceMappingURL=MultiButton.styles.cjs.map

package/dist/cjs/components/MultiButton/MultiButton.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiButton.styles.cjs","sources":["../../../../src/components/MultiButton/MultiButton.styles.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\n\nexport const StyledRoot = styled(\"div\")(\n  ({ vertical }: { vertical: boolean }) => ({\n    display: \"flex\",\n    height: 32,\n    alignItems: \"center\",\n    transition: \"none\",\n    background: theme.colors.atmo2,\n    position: \"relative\",\n    zIndex: 0,\n\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&>.HvIsFocusVisible\": {\n      zIndex: 5,\n    },\n\n    ...(vertical && {\n      flexDirection: \"column\",\n      height: \"auto\",\n      btnSecondary: {\n        flex: \"1 1 20px\",\n      },\n      \"& button.button\": {\n        width: \"100%\",\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n        borderTop: \"solid 1px transparent\",\n        borderBottom: \"solid 1px transparent\",\n        \"&:disabled\": {\n          color: theme.colors.atmo5,\n          borderLeft: `solid 1px ${theme.colors.atmo4}`,\n          borderRight: `solid 1px ${theme.colors.atmo4}`,\n          borderTop: \"solid 1px transparent\",\n          borderBottom: \"solid 1px transparent\",\n          \"&:hover\": {\n            borderLeft: `solid 1px ${theme.colors.atmo4}`,\n            borderRight: `solid 1px ${theme.colors.atmo4}`,\n            borderTop: \"solid 1px transparent\",\n            borderBottom: \"solid 1px transparent\",\n          },\n        },\n        \"&:first-child\": {\n          borderTop: `solid 1px ${theme.colors.atmo4}`,\n          borderTopLeftRadius: \"2px\",\n          borderTopRightRadius: \"2px\",\n        },\n        \"&:last-child\": {\n          borderBottom: `solid 1px ${theme.colors.atmo4}`,\n          borderBottomLeftRadius: \"2px\",\n          borderBottomRightRadius: \"2px\",\n          \"&:disabled:hover\": {\n            borderBottom: `solid 1px ${theme.colors.atmo4} !important`,\n          },\n        },\n        \"&:not(:first-child)\": {\n          marginLeft: 0,\n          marginTop: -1,\n        },\n        \"&.selected\": {\n          height: 32,\n          width: `calc(100% + 2px) !important`,\n          background: theme.colors.atmo1,\n          ...(theme.typography.label as CSSProperties),\n          borderRadius: \"2px\",\n          border: `solid 1px ${theme.colors.acce1}`,\n          zIndex: 2,\n          \"&:hover, &:focus\": {\n            background: theme.colors.atmo3,\n          },\n          \"&:disabled\": {\n            zIndex: 1,\n            color: theme.colors.atmo5,\n            background: theme.colors.atmo1,\n            border: `solid 1px ${theme.colors.atmo4}`,\n          },\n        },\n      },\n    }),\n  })\n);\n\nexport const StyledButton = (Element) =>\n  styled(({ className }) => (\n    <Element.type\n      {...Element.props}\n      className={clsx(\n        \"button\",\n        Element.props.selected && \"selected\",\n        className\n      )}\n    />\n  ))({\n    height: 32,\n    width: \"100%\",\n    minWidth: 32,\n    maxWidth: 200,\n    padding: 0,\n    transition: \"none\",\n    flex: \"1 0 0px\",\n    borderTop: `solid 1px ${theme.colors.atmo4}`,\n    borderBottom: `solid 1px ${theme.colors.atmo4}`,\n    borderLeft: \"solid 1px transparent\",\n    borderRight: \"solid 1px transparent\",\n    borderRadius: 0,\n    ...(theme.typography.body as CSSProperties),\n    \"&:active\": {\n      backgroundColor: `${theme.colors.atmo3}`,\n    },\n    \"&:disabled\": {\n      color: theme.colors.atmo5,\n      borderTop: `solid 1px ${theme.colors.atmo4}`,\n      borderBottom: `solid 1px ${theme.colors.atmo4}`,\n      \"&:hover\": {\n        borderTop: `solid 1px ${theme.colors.atmo4}`,\n        borderBottom: `solid 1px ${theme.colors.atmo4}`,\n        borderLeft: \"solid 1px transparent\",\n        borderRight: \"solid 1px transparent\",\n      },\n    },\n    \"&:first-child\": {\n      borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      borderTopLeftRadius: \"2px\",\n      borderBottomLeftRadius: \"2px\",\n    },\n    \"&:last-child\": {\n      borderRight: `solid 1px ${theme.colors.atmo4}`,\n      borderTopRightRadius: \"2px\",\n      borderBottomRightRadius: \"2px\",\n      \"&:disabled:hover\": {\n        borderRight: `solid 1px ${theme.colors.atmo4} !important`,\n      },\n    },\n    \"&:not(:first-child)\": {\n      marginLeft: \"-1px\",\n    },\n    \"&.selected\": {\n      background: theme.colors.atmo1,\n      height: 34,\n      ...(theme.typography.label as CSSProperties),\n      borderRadius: \"2px\",\n      border: `solid 1px ${theme.colors.acce1}`,\n      zIndex: 2,\n      \"&:hover\": {\n        background: theme.colors.atmo3,\n        \"&:not(:disabled)\": {\n          border: `solid 1px ${theme.colors.acce1}`,\n        },\n        \"&:disabled\": {\n          border: `solid 1px ${theme.colors.atmo4}`,\n        },\n      },\n      \"&:first-child, &:last-child\": {\n        border: `solid 1px ${theme.colors.acce1}`,\n      },\n\n      // prevent the focus ring to be hidden by sibling hover background\n      // even when selected\n      \"&.HvIsFocusVisible\": {\n        zIndex: 5,\n      },\n      \"&:disabled\": {\n        zIndex: 1,\n        color: theme.colors.atmo5,\n        background: theme.colors.atmo1,\n        border: `solid 1px ${theme.colors.atmo4}`,\n      },\n    },\n  });\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","vertical","display","height","alignItems","transition","background","theme","colors","atmo2","position","zIndex","flexDirection","btnSecondary","flex","width","borderLeft","atmo4","borderRight","borderTop","borderBottom","color","atmo5","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","marginLeft","marginTop","atmo1","typography","borderRadius","border","acce1","atmo3","StyledButton","Element","className","_jsx","type","props","clsx","selected","minWidth","maxWidth","padding","body","backgroundColor"],"mappings":"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"}

package/dist/cjs/components/MultiButton/multiButtonClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../utils/classes.cjs");
+const classKeys = ["root", "button"];
+const multiButtonClasses = classes.getClasses(classKeys, "HvMultiButton");
+const multiButtonClasses$1 = multiButtonClasses;
+exports.default = multiButtonClasses$1;
+//# sourceMappingURL=multiButtonClasses.cjs.map

package/dist/cjs/components/MultiButton/multiButtonClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiButtonClasses.cjs","sources":["../../../../src/components/MultiButton/multiButtonClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvMultiButtonClasses = {\n  root?: string;\n  button?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"button\"];\n\nconst multiButtonClasses = getClasses<HvMultiButtonClasses>(\n  classKeys,\n  \"HvMultiButton\"\n);\n\nexport default multiButtonClasses;\n"],"names":["classKeys","multiButtonClasses","getClasses"],"mappings":";;;AAOA,MAAMA,YAAsB,CAAC,QAAQ,QAAQ;AAE7C,MAAMC,qBAAqBC,QACzBF,WAAAA,WACA,eAAe;AAGjB,MAAA,uBAAeC;;"}

package/dist/cjs/components/OverflowTooltip/OverflowTooltip.cjs

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const clsx = require("clsx");
+const React = require("react");
+const reactResizeDetector = require("react-resize-detector");
+const OverflowTooltip_styles = require("./OverflowTooltip.styles.cjs");
+const overflowTooltipClasses = require("./overflowTooltipClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Tooltip = require("../Tooltip/Tooltip.cjs");
+const Typography = require("../Typography/Typography.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const isParagraph = (children) => /\s/.test(children);
+const HvOverflowTooltip = ({
+  id,
+  classes,
+  className,
+  data,
+  open,
+  paragraphOverflow,
+  placement = "top-start",
+  tooltipsProps
+}) => {
+  var _a;
+  const {
+    width = 0,
+    ref
+  } = reactResizeDetector.useResizeDetector({
+    refreshMode: "debounce",
+    refreshOptions: {
+      trailing: true
+    },
+    handleHeight: false
+  });
+  const scrollWidth = ((_a = ref.current) == null ? void 0 : _a.scrollWidth) || 0;
+  const isOverflowing = scrollWidth - width >= 1;
+  const isParag = React.useMemo(() => paragraphOverflow && isParagraph(data == null ? void 0 : data.toString()), [data, paragraphOverflow]);
+  const content = React.useMemo(() => /* @__PURE__ */ jsxRuntime.jsx(OverflowTooltip_styles.StyledDataContainer, {
+    ref,
+    className: clsx__default.default(className, !isParag && clsx__default.default(overflowTooltipClasses.default.tooltipAnchor, classes == null ? void 0 : classes.tooltipAnchor), isParag && clsx__default.default(overflowTooltipClasses.default.tooltipAnchorParagraph, classes == null ? void 0 : classes.tooltipAnchorParagraph)),
+    $isParag: isParag,
+    children: data
+  }), [className, classes == null ? void 0 : classes.tooltipAnchor, classes == null ? void 0 : classes.tooltipAnchorParagraph, data, isParag, ref]);
+  return open || isOverflowing ? /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, {
+    id,
+    disableHoverListener: !isOverflowing,
+    open,
+    placement,
+    title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+      className: clsx__default.default(overflowTooltipClasses.default.tooltipData, classes == null ? void 0 : classes.tooltipData),
+      variant: "body",
+      children: data
+    }),
+    ...tooltipsProps,
+    children: content
+  }) : content;
+};
+exports.HvOverflowTooltip = HvOverflowTooltip;
+//# sourceMappingURL=OverflowTooltip.cjs.map

package/dist/cjs/components/OverflowTooltip/OverflowTooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowTooltip.cjs","sources":["../../../../src/components/OverflowTooltip/OverflowTooltip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMemo } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\nimport { HvBaseProps } from \"../../types/index\";\nimport { HvTooltip, HvTypography } from \"components\";\nimport { StyledDataContainer } from \"./OverflowTooltip.styles\";\nimport overflowTooltipClasses, {\n  HvOverflowTooltipClasses,\n} from \"./overflowTooltipClasses\";\n\nexport type HvOverflowTooltipProps = HvBaseProps & {\n  /** The node that will be rendered inside the tooltip. */\n  data: React.ReactNode;\n  /** If true, the tooltip is shown. */\n  open?: boolean;\n  /** If `true` the overflow tooltip will always use the paragraph overflow style. */\n  paragraphOverflow?: boolean;\n  /** Tooltip placement. */\n  placement?:\n    | \"bottom-end\"\n    | \"bottom-start\"\n    | \"bottom\"\n    | \"left-end\"\n    | \"left-start\"\n    | \"left\"\n    | \"right-end\"\n    | \"right-start\"\n    | \"right\"\n    | \"top-end\"\n    | \"top-start\"\n    | \"top\";\n  /** Extra properties to add to the tooltip. */\n  tooltipsProps?: object;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvOverflowTooltipClasses;\n};\n\nconst isParagraph = (children) => /\\s/.test(children);\n\n/**\n * This component generates a tooltip whenever the text is overflowed.\n */\nexport const HvOverflowTooltip = ({\n  id,\n  classes,\n  className,\n  data,\n  open,\n  paragraphOverflow,\n  placement = \"top-start\",\n  tooltipsProps,\n}: HvOverflowTooltipProps) => {\n  const { width = 0, ref } = useResizeDetector({\n    refreshMode: \"debounce\",\n    refreshOptions: {\n      trailing: true,\n    },\n    handleHeight: false,\n  });\n  const scrollWidth = ref.current?.scrollWidth || 0;\n  // The difference should be higher than a pixel to be considered as overflowing\n  const isOverflowing = scrollWidth - width >= 1;\n\n  const isParag = useMemo(\n    () => paragraphOverflow && isParagraph(data?.toString()),\n    [data, paragraphOverflow]\n  );\n\n  const content = useMemo(\n    () => (\n      <StyledDataContainer\n        ref={ref}\n        className={clsx(\n          className,\n          !isParag &&\n            clsx(overflowTooltipClasses.tooltipAnchor, classes?.tooltipAnchor),\n          isParag &&\n            clsx(\n              overflowTooltipClasses.tooltipAnchorParagraph,\n              classes?.tooltipAnchorParagraph\n            )\n        )}\n        $isParag={isParag}\n      >\n        {data}\n      </StyledDataContainer>\n    ),\n    [\n      className,\n      classes?.tooltipAnchor,\n      classes?.tooltipAnchorParagraph,\n      data,\n      isParag,\n      ref,\n    ]\n  );\n\n  return open || isOverflowing ? (\n    <HvTooltip\n      id={id}\n      disableHoverListener={!isOverflowing}\n      open={open}\n      placement={placement}\n      title={\n        <HvTypography\n          className={clsx(\n            overflowTooltipClasses.tooltipData,\n            classes?.tooltipData\n          )}\n          variant=\"body\"\n        >\n          {data}\n        </HvTypography>\n      }\n      {...tooltipsProps}\n    >\n      {content}\n    </HvTooltip>\n  ) : (\n    content\n  );\n};\n"],"names":["isParagraph","children","test","HvOverflowTooltip","id","classes","className","data","open","paragraphOverflow","placement","tooltipsProps","width","ref","useResizeDetector","refreshMode","refreshOptions","trailing","handleHeight","scrollWidth","current","isOverflowing","isParag","useMemo","toString","content","_jsx","StyledDataContainer","clsx","overflowTooltipClasses","tooltipAnchor","tooltipAnchorParagraph","$isParag","HvTooltip","disableHoverListener","title","HvTypography","tooltipData","variant"],"mappings":";;;;;;;;;;;;AAqCA,MAAMA,cAAeC,CAAAA,aAAa,KAAKC,KAAKD,QAAQ;AAK7C,MAAME,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC;AACsB,MAAM;;AACtB,QAAA;AAAA,IAAEC,QAAQ;AAAA,IAAGC;AAAAA,MAAQC,sCAAkB;AAAA,IAC3CC,aAAa;AAAA,IACbC,gBAAgB;AAAA,MACdC,UAAU;AAAA,IACZ;AAAA,IACAC,cAAc;AAAA,EAAA,CACf;AACKC,QAAAA,gBAAcN,SAAIO,YAAJP,mBAAaM,gBAAe;AAE1CE,QAAAA,gBAAgBF,cAAcP,SAAS;AAE7C,QAAMU,UAAUC,MAAAA,QACd,MAAMd,qBAAqBT,YAAYO,6BAAMiB,UAAU,GACvD,CAACjB,MAAME,iBAAiB,CAAC;AAG3B,QAAMgB,UAAUF,MAAAA,QACd,MACEG,2BAAAA,IAACC,uBAAAA,qBAAmB;AAAA,IAClBd;AAAAA,IACAP,WAAWsB,cACTtB,QAAAA,WACA,CAACgB,WACCM,sBAAKC,uBAAuBC,QAAAA,eAAezB,mCAASyB,aAAa,GACnER,WACEM,sBACEC,uBAAAA,QAAuBE,wBACvB1B,mCAAS0B,sBAAsB,CAChC;AAAA,IAELC,UAAUV;AAAAA,IAAQrB,UAEjBM;AAAAA,EAAI,CAAA,GAGT,CACED,WACAD,mCAASyB,eACTzB,mCAAS0B,wBACTxB,MACAe,SACAT,GAAG,CACJ;AAGIL,SAAAA,QAAQa,gBACbK,2BAAAA,IAACO,mBAAS;AAAA,IACR7B;AAAAA,IACA8B,sBAAsB,CAACb;AAAAA,IACvBb;AAAAA,IACAE;AAAAA,IACAyB,sCACGC,yBAAY;AAAA,MACX9B,WAAWsB,cAAAA,QACTC,uBAAAA,QAAuBQ,aACvBhC,mCAASgC,WAAW;AAAA,MAEtBC,SAAQ;AAAA,MAAMrC,UAEbM;AAAAA,IAAAA,CAEJ;AAAA,IAAA,GACGI;AAAAA,IAAaV,UAEhBwB;AAAAA,EAAO,CAAA,IAGVA;AAEJ;;"}

package/dist/cjs/components/OverflowTooltip/OverflowTooltip.styles.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const transientOptions = require("../../utils/transientOptions.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const StyledDataContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e199gfye0"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "e199gfye0",
+  label: "StyledDataContainer"
+}, transientOptions.transientOptions))(({
+  $isParag
+}) => ({
+  ...$isParag && {
+    overflow: "hidden",
+    display: "-webkit-box",
+    "-webkit-line-clamp": "2",
+    "-webkit-box-orient": "vertical"
+  },
+  ...!$isParag && {
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvT3ZlcmZsb3dUb29sdGlwL092ZXJmbG93VG9vbHRpcC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL092ZXJmbG93VG9vbHRpcC9PdmVyZmxvd1Rvb2x0aXAuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREYXRhQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpc1BhcmFnIH06IHsgJGlzUGFyYWc/OiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkaXNQYXJhZyAmJiB7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgZGlzcGxheTogXCItd2Via2l0LWJveFwiLFxuICAgIFwiLXdlYmtpdC1saW5lLWNsYW1wXCI6IFwiMlwiLFxuICAgIFwiLXdlYmtpdC1ib3gtb3JpZW50XCI6IFwidmVydGljYWxcIixcbiAgfSksXG4gIC4uLighJGlzUGFyYWcgJiYge1xuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIH0pLFxufSkpO1xuIl19 */");
+exports.StyledDataContainer = StyledDataContainer;
+//# sourceMappingURL=OverflowTooltip.styles.cjs.map

package/dist/cjs/components/OverflowTooltip/OverflowTooltip.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowTooltip.styles.cjs","sources":["../../../../src/components/OverflowTooltip/OverflowTooltip.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledDataContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $isParag }: { $isParag?: boolean }) => ({\n  ...($isParag && {\n    overflow: \"hidden\",\n    display: \"-webkit-box\",\n    \"-webkit-line-clamp\": \"2\",\n    \"-webkit-box-orient\": \"vertical\",\n  }),\n  ...(!$isParag && {\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  }),\n}));\n"],"names":["StyledDataContainer","process","env","NODE_ENV","_extends","target","transientOptions","label","$isParag","overflow","display","whiteSpace","textOverflow"],"mappings":";;;;;;;;;;;;;;;;;;;;AAGaA,MAAAA,+DACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAiC,OAAO;AAAA,EAC3C,GAAIA,YAAY;AAAA,IACdC,UAAU;AAAA,IACVC,SAAS;AAAA,IACT,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,EACxB;AAAA,EACA,GAAI,CAACF,YAAY;AAAA,IACfG,YAAY;AAAA,IACZF,UAAU;AAAA,IACVG,cAAc;AAAA,EAChB;AACF,IAAEX,QAAAC,IAAAC,aAAC,eAAA,KAAA,6qCAAA;;"}

package/dist/cjs/components/OverflowTooltip/overflowTooltipClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../utils/classes.cjs");
+const classKeys = ["root", "tooltipAnchor", "tooltipAnchorParagraph", "tooltipData"];
+const overflowTooltipClasses = classes.getClasses(classKeys, "HvOverflowTooltip");
+const overflowTooltipClasses$1 = overflowTooltipClasses;
+exports.default = overflowTooltipClasses$1;
+//# sourceMappingURL=overflowTooltipClasses.cjs.map

package/dist/cjs/components/OverflowTooltip/overflowTooltipClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflowTooltipClasses.cjs","sources":["../../../../src/components/OverflowTooltip/overflowTooltipClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvOverflowTooltipClasses = {\n  root?: string;\n  tooltipAnchor?: string;\n  tooltipAnchorParagraph?: string;\n  tooltipData?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"tooltipAnchor\",\n  \"tooltipAnchorParagraph\",\n  \"tooltipData\",\n];\n\nconst overflowTooltipClasses = getClasses<HvOverflowTooltipClasses>(\n  classKeys,\n  \"HvOverflowTooltip\"\n);\n\nexport default overflowTooltipClasses;\n"],"names":["classKeys","overflowTooltipClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAAsB,CAC1B,QACA,iBACA,0BACA,aAAa;AAGf,MAAMC,yBAAyBC,QAC7BF,WAAAA,WACA,mBAAmB;AAGrB,MAAA,2BAAeC;;"}

package/dist/cjs/components/Pagination/ButtonIconTooltip.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Tooltip = require("../Tooltip/Tooltip.cjs");
+const Typography = require("../Typography/Typography.cjs");
+const Button = require("../Button/Button.cjs");
+const ButtonIconTooltip = ({
+  tooltip,
+  children,
+  ...buttonProps
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, {
+    title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+      children: tooltip
+    }),
+    children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+      children: /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+        icon: true,
+        variant: "secondaryGhost",
+        ...buttonProps,
+        children
+      })
+    })
+  });
+};
+const ButtonIconTooltip$1 = ButtonIconTooltip;
+exports.default = ButtonIconTooltip$1;
+//# sourceMappingURL=ButtonIconTooltip.cjs.map

package/dist/cjs/components/Pagination/ButtonIconTooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIconTooltip.cjs","sources":["../../../../src/components/Pagination/ButtonIconTooltip.tsx"],"sourcesContent":["import { HvButton, HvTooltip, HvTypography } from \"components\";\n\nconst ButtonIconTooltip = ({ tooltip, children, ...buttonProps }) => {\n  return (\n    <HvTooltip title={<HvTypography>{tooltip}</HvTypography>}>\n      <div>\n        <HvButton icon variant=\"secondaryGhost\" {...buttonProps}>\n          {children}\n        </HvButton>\n      </div>\n    </HvTooltip>\n  );\n};\nexport default ButtonIconTooltip;\n"],"names":["ButtonIconTooltip","tooltip","children","buttonProps","HvTooltip","title","HvTypography","HvButton","icon","variant"],"mappings":";;;;;;AAEA,MAAMA,oBAAoBA,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,KAAaC;AAAY,MAAM;AACnE,wCACGC,QAAAA,WAAS;AAAA,IAACC,sCAAQC,yBAAY;AAAA,MAAAJ,UAAED;AAAAA,IAAAA,CAAwB;AAAA,IAAAC,yCACvD,OAAA;AAAA,MAAAA,yCACGK,iBAAQ;AAAA,QAACC,MAAI;AAAA,QAACC,SAAQ;AAAA,QAAgB,GAAKN;AAAAA,QAAWD;AAAAA,MAAAA,CAC5C;AAAA,IAAA,CACA;AAAA,EAAA,CAEH;AAEhB;AACA,MAAA,sBAAeF;;"}

package/dist/cjs/components/Pagination/Pagination.cjs

@@ -0,0 +1,203 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+const clsx = require("clsx");
+const material = require("@mui/material");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const Select = require("./Select.cjs");
+const Pagination_styles = require("./Pagination.styles.cjs");
+const utils = require("./utils.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const paginationClasses = require("./paginationClasses.cjs");
+const useLabels = require("../../hooks/useLabels.cjs");
+const Typography = require("../Typography/Typography.cjs");
+const setId = require("../../utils/setId.cjs");
+const Input = require("../Input/Input.cjs");
+const keyCheck = require("../../utils/keyboardUtils/keyCheck.cjs");
+const keyboardCodes = require("../../utils/keyboardUtils/keyboardCodes.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const DEFAULT_LABELS = {
+  pageSizePrev: "Show",
+  pageSizeEntryName: "rows",
+  pageSizeSelectorDescription: "Select how many to display",
+  pagesSeparator: "/",
+  paginationFirstPageTitle: "First page",
+  paginationPreviousPageTitle: "Previous page",
+  paginationNextPageTitle: "Next page",
+  paginationLastPageTitle: "Last page",
+  paginationInputLabel: "Current page",
+  firstPage: "First Page",
+  previousPage: "Previous Page",
+  nextPage: "Next Page",
+  lastPage: "Last Page"
+};
+const {
+  Enter
+} = keyboardCodes.keyboardCodes;
+const HvPagination = ({
+  classes,
+  className,
+  id,
+  pages = 1,
+  page = 0,
+  showPageSizeOptions = true,
+  pageSizeOptions = [5, 10, 20, 25, 50, 100],
+  pageSize = 1,
+  showPageJump = true,
+  canPrevious = false,
+  canNext = false,
+  onPageChange,
+  onPageSizeChange,
+  labels: labelsProp,
+  showPageProps,
+  navigationProps,
+  currentPageInputProps,
+  ...others
+}) => {
+  const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
+  const [pageInput, handleInputChange] = utils.usePageInput(page);
+  const changePage = React.useCallback((newPage) => {
+    const safePage = utils.getSafePage(newPage, page, pages);
+    onPageChange == null ? void 0 : onPageChange(safePage);
+    handleInputChange(null, safePage + 1);
+  }, [page, pages, onPageChange, handleInputChange]);
+  React.useEffect(() => {
+    if (page >= pages && pages > 0) {
+      changePage(page);
+    }
+  }, [changePage, page, pages]);
+  React.useEffect(() => {
+    if (pageInput !== page + 1) {
+      handleInputChange(null, page + 1);
+    }
+  }, [handleInputChange, page]);
+  const renderPageJump = () => /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageJump, {
+    className: clsx__default.default(paginationClasses.default.pageJump, classes == null ? void 0 : classes.pageJump),
+    children: /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, {
+      id: setId.setId(id, "currentPage"),
+      labels,
+      inputProps: {
+        "aria-label": labels == null ? void 0 : labels.paginationInputLabel,
+        type: "number"
+      },
+      classes: {
+        root: clsx__default.default(paginationClasses.default.pageSizeInputContainer, classes == null ? void 0 : classes.pageSizeInputContainer),
+        input: clsx__default.default(paginationClasses.default.pageSizeInput, classes == null ? void 0 : classes.pageSizeInput),
+        inputRoot: clsx__default.default(paginationClasses.default.pageSizeInputRoot, classes == null ? void 0 : classes.pageSizeInputRoot)
+      },
+      onChange: handleInputChange,
+      value: String(pageInput),
+      onBlur: (evt, value) => changePage(value - 1),
+      onKeyDown: (evt, value) => keyCheck.isKeypress(evt, Enter) && changePage(value - 1),
+      disabled: pageSize === 0,
+      disableClear: true,
+      ...currentPageInputProps
+    })
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Pagination_styles.StyledRoot, {
+    id,
+    className: clsx__default.default(className, paginationClasses.default.root, classes == null ? void 0 : classes.root),
+    ...others,
+    children: [/* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageSizeOptions, {
+      className: clsx__default.default(paginationClasses.default.pageSizeOptions, classes == null ? void 0 : classes.pageSizeOptions),
+      ...showPageProps,
+      children: showPageSizeOptions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/* @__PURE__ */ jsxRuntime.jsx(material.Hidden, {
+          xsDown: true,
+          children: /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageSizePrev, {
+            className: clsx__default.default(paginationClasses.default.pageSizeTextContainer, classes == null ? void 0 : classes.pageSizeTextContainer),
+            children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+              component: "span",
+              children: labels == null ? void 0 : labels.pageSizePrev
+            })
+          })
+        }), /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledSelect, {
+          id: setId.setId(id, "pageSize"),
+          disabled: pageSize === 0,
+          className: clsx__default.default(paginationClasses.default.pageSizeOptionsSelect, classes == null ? void 0 : classes.pageSizeOptionsSelect),
+          classes: {},
+          "aria-label": labels == null ? void 0 : labels.pageSizeSelectorDescription,
+          onChange: (evt, val) => onPageSizeChange == null ? void 0 : onPageSizeChange(val),
+          value: pageSize,
+          children: pageSizeOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(Select.Option, {
+            value: option,
+            children: option
+          }, option))
+        }), /* @__PURE__ */ jsxRuntime.jsx(material.Hidden, {
+          xsDown: true,
+          children: /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageSizeTextContainer, {
+            className: clsx__default.default(paginationClasses.default.pageSizeTextContainer, classes == null ? void 0 : classes.pageSizeTextContainer),
+            children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+              component: "span",
+              children: labels == null ? void 0 : labels.pageSizeEntryName
+            })
+          })
+        })]
+      })
+    }), /* @__PURE__ */ jsxRuntime.jsxs(Pagination_styles.StyledPageNavigator, {
+      className: clsx__default.default(paginationClasses.default.pageNavigator, classes == null ? void 0 : classes.pageNavigator),
+      ...navigationProps,
+      children: [/* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, {
+        id: setId.setId(id, "firstPage-button"),
+        "aria-label": labels == null ? void 0 : labels.firstPage,
+        className: clsx__default.default(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer),
+        disabled: !canPrevious,
+        onClick: () => changePage(0),
+        tooltip: labels == null ? void 0 : labels.paginationFirstPageTitle,
+        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Start, {
+          className: clsx__default.default(paginationClasses.default.icon, classes == null ? void 0 : classes.icon),
+          color: utils.setColor(!canPrevious)
+        })
+      }), /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, {
+        id: setId.setId(id, "previousPage-button"),
+        "aria-label": labels == null ? void 0 : labels.previousPage,
+        className: clsx__default.default(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer),
+        disabled: !canPrevious,
+        onClick: () => changePage(page - 1),
+        tooltip: labels == null ? void 0 : labels.paginationPreviousPageTitle,
+        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Backwards, {
+          className: clsx__default.default(paginationClasses.default.icon, classes == null ? void 0 : classes.icon),
+          color: utils.setColor(!canPrevious)
+        })
+      }), /* @__PURE__ */ jsxRuntime.jsxs(Pagination_styles.StyledPageInfo, {
+        className: clsx__default.default(paginationClasses.default.pageInfo, classes == null ? void 0 : classes.pageInfo),
+        children: [showPageJump ? renderPageJump() : /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+          component: "span",
+          children: `${page + 1}`
+        }), /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+          component: "span",
+          children: `${labels == null ? void 0 : labels.pagesSeparator} `
+        }), /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+          id: setId.setId(id, "totalPages"),
+          component: "span",
+          children: pages
+        })]
+      }), /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, {
+        id: setId.setId(id, "nextPage-button"),
+        "aria-label": labels == null ? void 0 : labels.nextPage,
+        className: clsx__default.default(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer),
+        disabled: !canNext,
+        onClick: () => changePage(page + 1),
+        tooltip: labels == null ? void 0 : labels.paginationNextPageTitle,
+        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, {
+          className: clsx__default.default(paginationClasses.default.icon, classes == null ? void 0 : classes.icon),
+          color: utils.setColor(!canNext)
+        })
+      }), /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, {
+        id: setId.setId(id, "lastPage-button"),
+        "aria-label": labels == null ? void 0 : labels.lastPage,
+        className: clsx__default.default(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer),
+        disabled: !canNext,
+        onClick: () => changePage(pages - 1),
+        tooltip: labels == null ? void 0 : labels.paginationLastPageTitle,
+        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.End, {
+          className: clsx__default.default(paginationClasses.default.icon, classes == null ? void 0 : classes.icon),
+          color: utils.setColor(!canNext)
+        })
+      })]
+    })]
+  });
+};
+exports.HvPagination = HvPagination;
+//# sourceMappingURL=Pagination.cjs.map