@hitachivantara/uikit-react-core 5.0.0-next.8 → 5.0.0

package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.styles.cjs

@@ -0,0 +1,132 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("@emotion/styled/base");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const treeViewItemClasses = require("./treeViewItemClasses.cjs");
+const Typography = require("../../Typography/Typography.cjs");
+const focusUtils = require("../../../utils/focusUtils.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const selected = () => ({
+  background: uikitStyles.theme.colors.atmo3,
+  borderLeft: uikitStyles.theme.verticalNavigation.activeBorderLeft,
+  "& *": {
+    background: uikitStyles.theme.colors.atmo3
+  }
+});
+const hover = () => ({
+  background: uikitStyles.theme.verticalNavigation.hoverColor,
+  "& *": {
+    background: uikitStyles.theme.verticalNavigation.hoverColor
+  }
+});
+const StyledGroup = /* @__PURE__ */ _styled__default.default("ul", process.env.NODE_ENV === "production" ? {
+  target: "er1eqbm2"
+} : {
+  target: "er1eqbm2",
+  label: "StyledGroup"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1a8z1t8",
+  styles: "margin:8px 0 0 0;padding:0"
+} : {
+  name: "1a8z1t8",
+  styles: "margin:8px 0 0 0;padding:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL1RyZWVWaWV3L1RyZWVWaWV3SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9WZXJ0aWNhbE5hdmlnYXRpb24vVHJlZVZpZXcvVHJlZVZpZXdJdGVtLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgdHJlZVZpZXdJdGVtQ2xhc3NlcyBmcm9tIFwiLi90cmVlVmlld0l0ZW1DbGFzc2VzXCI7XG5cbmNvbnN0IHNlbGVjdGVkID0gKCkgPT4gKHtcbiAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICBib3JkZXJMZWZ0OiB0aGVtZS52ZXJ0aWNhbE5hdmlnYXRpb24uYWN0aXZlQm9yZGVyTGVmdCxcbiAgXCImICpcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgfSxcbn0pO1xuXG5jb25zdCBob3ZlciA9ICgpID0+ICh7XG4gIGJhY2tncm91bmQ6IHRoZW1lLnZlcnRpY2FsTmF2aWdhdGlvbi5ob3ZlckNvbG9yLFxuICBcIiYgKlwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUudmVydGljYWxOYXZpZ2F0aW9uLmhvdmVyQ29sb3IsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdyb3VwID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IFwiOHB4IDAgMCAwXCIsXG4gIHBhZGRpbmc6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5vZGUgPSBzdHlsZWQoXCJsaVwiKSh7XG4gIGxpc3RTdHlsZTogXCJub25lXCIsXG4gIG1pbkhlaWdodDogXCIzMnB4XCIsXG4gIFwiJjpub3QoOmxhc3QtY2hpbGQpXCI6IHtcbiAgICBtYXJnaW5Cb3R0b206IFwiOHB4XCIsXG4gIH0sXG4gIFtgJi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuY29sbGFwc2VkfWBdOiB7XG4gICAgW2AmPi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZ3JvdXB9YF06IHtcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG4gIFtgJi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZXhwYW5kZWR9YF06IHtcbiAgICBbYCY+LiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5ncm91cH1gXToge1xuICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIH0sXG4gIH0sXG4gIFtgJi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMubGlua31gXToge1xuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgfSxcbiAgW2AmLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5oaWRlfWBdOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgYm9yZGVyTGVmdDogdGhlbWUudmVydGljYWxOYXZpZ2F0aW9uLmluYWN0aXZlQm9yZGVyTGVmdCxcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcblxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLm1pbmltaXplZH1gXToge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIHBhZGRpbmdSaWdodDogMCxcbiAgfSxcblxuICBbYC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZXhwYW5kYWJsZX0+JmBdOiB7XG4gICAgZm9udFdlaWdodDogNjAwLFxuICB9LFxuXG4gIC8vIHNlbGVjdGVkIHN0YXRlXG4gIFtgLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0+JmBdOiBzZWxlY3RlZCgpLFxuXG4gIC8vaG92ZXJcbiAgW2A6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZGlzYWJsZWR9ID4gJik6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuc2VsZWN0ZWR9ID4gJik6aG92ZXJgXTpcbiAgICBob3ZlcigpLFxuICBbYDpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0gPiAmKS4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuc2VsZWN0ZWR9ID46aG92ZXJgXTpcbiAgICB7fSxcblxuICAvLyBmb2N1c1xuICBbYDpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0+Jik6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuc2VsZWN0ZWR9PiYpOmZvY3VzLXZpc2libGVgXTpcbiAgICBob3ZlcigpLFxuICBbYDpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0+Jik6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuc2VsZWN0ZWR9PiYpLmZvY3VzLXZpc2libGVgXTpcbiAgICBob3ZlcigpLFxuXG4gIFtgKjpmb2N1cy12aXNpYmxlIC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZm9jdXNlZH0+JmBdOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICBbYCAuZm9jdXMtdmlzaWJsZSAuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmZvY3VzZWR9PiZgXToge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgW2AgLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5mb2N1c2VkfT4mYF06IHtcbiAgICAuLi5ob3ZlcigpLFxuICB9LFxuXG4gIFwiJltkaXNhYmxlZF0sICY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcblxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIFwiJi5mb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIC8vIGN1cnNvclxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiYgKlwiOiB7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgfSxcbiAgW2AgLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0+JmBdOiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgXCImICpcIjoge1xuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledNode = /* @__PURE__ */ _styled__default.default("li", process.env.NODE_ENV === "production" ? {
+  target: "er1eqbm1"
+} : {
+  target: "er1eqbm1",
+  label: "StyledNode"
+})({
+  listStyle: "none",
+  minHeight: "32px",
+  "&:not(:last-child)": {
+    marginBottom: "8px"
+  },
+  [`&.${treeViewItemClasses.default.collapsed}`]: {
+    [`&>.${treeViewItemClasses.default.group}`]: {
+      display: "none"
+    }
+  },
+  [`&.${treeViewItemClasses.default.expanded}`]: {
+    [`&>.${treeViewItemClasses.default.group}`]: {
+      display: "block"
+    }
+  },
+  [`&.${treeViewItemClasses.default.link}`]: {
+    textDecoration: "none"
+  },
+  [`&.${treeViewItemClasses.default.hide}`]: {
+    display: "none"
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL1RyZWVWaWV3L1RyZWVWaWV3SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9WZXJ0aWNhbE5hdmlnYXRpb24vVHJlZVZpZXcvVHJlZVZpZXdJdGVtLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgdHJlZVZpZXdJdGVtQ2xhc3NlcyBmcm9tIFwiLi90cmVlVmlld0l0ZW1DbGFzc2VzXCI7XG5cbmNvbnN0IHNlbGVjdGVkID0gKCkgPT4gKHtcbiAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICBib3JkZXJMZWZ0OiB0aGVtZS52ZXJ0aWNhbE5hdmlnYXRpb24uYWN0aXZlQm9yZGVyTGVmdCxcbiAgXCImICpcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgfSxcbn0pO1xuXG5jb25zdCBob3ZlciA9ICgpID0+ICh7XG4gIGJhY2tncm91bmQ6IHRoZW1lLnZlcnRpY2FsTmF2aWdhdGlvbi5ob3ZlckNvbG9yLFxuICBcIiYgKlwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUudmVydGljYWxOYXZpZ2F0aW9uLmhvdmVyQ29sb3IsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdyb3VwID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IFwiOHB4IDAgMCAwXCIsXG4gIHBhZGRpbmc6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5vZGUgPSBzdHlsZWQoXCJsaVwiKSh7XG4gIGxpc3RTdHlsZTogXCJub25lXCIsXG4gIG1pbkhlaWdodDogXCIzMnB4XCIsXG4gIFwiJjpub3QoOmxhc3QtY2hpbGQpXCI6IHtcbiAgICBtYXJnaW5Cb3R0b206IFwiOHB4XCIsXG4gIH0sXG4gIFtgJi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuY29sbGFwc2VkfWBdOiB7XG4gICAgW2AmPi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZ3JvdXB9YF06IHtcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG4gIFtgJi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZXhwYW5kZWR9YF06IHtcbiAgICBbYCY+LiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5ncm91cH1gXToge1xuICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIH0sXG4gIH0sXG4gIFtgJi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMubGlua31gXToge1xuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgfSxcbiAgW2AmLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5oaWRlfWBdOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgYm9yZGVyTGVmdDogdGhlbWUudmVydGljYWxOYXZpZ2F0aW9uLmluYWN0aXZlQm9yZGVyTGVmdCxcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcblxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLm1pbmltaXplZH1gXToge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIHBhZGRpbmdSaWdodDogMCxcbiAgfSxcblxuICBbYC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZXhwYW5kYWJsZX0+JmBdOiB7XG4gICAgZm9udFdlaWdodDogNjAwLFxuICB9LFxuXG4gIC8vIHNlbGVjdGVkIHN0YXRlXG4gIFtgLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0+JmBdOiBzZWxlY3RlZCgpLFxuXG4gIC8vaG92ZXJcbiAgW2A6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZGlzYWJsZWR9ID4gJik6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuc2VsZWN0ZWR9ID4gJik6aG92ZXJgXTpcbiAgICBob3ZlcigpLFxuICBbYDpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0gPiAmKS4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuc2VsZWN0ZWR9ID46aG92ZXJgXTpcbiAgICB7fSxcblxuICAvLyBmb2N1c1xuICBbYDpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0+Jik6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuc2VsZWN0ZWR9PiYpOmZvY3VzLXZpc2libGVgXTpcbiAgICBob3ZlcigpLFxuICBbYDpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0+Jik6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuc2VsZWN0ZWR9PiYpLmZvY3VzLXZpc2libGVgXTpcbiAgICBob3ZlcigpLFxuXG4gIFtgKjpmb2N1cy12aXNpYmxlIC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZm9jdXNlZH0+JmBdOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICBbYCAuZm9jdXMtdmlzaWJsZSAuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmZvY3VzZWR9PiZgXToge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgW2AgLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5mb2N1c2VkfT4mYF06IHtcbiAgICAuLi5ob3ZlcigpLFxuICB9LFxuXG4gIFwiJltkaXNhYmxlZF0sICY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcblxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIFwiJi5mb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIC8vIGN1cnNvclxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiYgKlwiOiB7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgfSxcbiAgW2AgLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0+JmBdOiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgXCImICpcIjoge1xuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuIl19 */");
+const StyledContent = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? {
+  target: "er1eqbm0"
+} : {
+  target: "er1eqbm0",
+  label: "StyledContent"
+})({
+  width: "100%",
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  height: "32px",
+  borderLeft: uikitStyles.theme.verticalNavigation.inactiveBorderLeft,
+  paddingRight: uikitStyles.theme.space.xs,
+  [`&.${treeViewItemClasses.default.minimized}`]: {
+    justifyContent: "center",
+    paddingRight: 0
+  },
+  [`.${treeViewItemClasses.default.expandable}>&`]: {
+    fontWeight: 600
+  },
+  // selected state
+  [`.${treeViewItemClasses.default.selected}>&`]: selected(),
+  //hover
+  [`:not(.${treeViewItemClasses.default.disabled} > &):not(.${treeViewItemClasses.default.selected} > &):hover`]: hover(),
+  [`:not(.${treeViewItemClasses.default.disabled} > &).${treeViewItemClasses.default.selected} >:hover`]: {},
+  // focus
+  [`:not(.${treeViewItemClasses.default.disabled}>&):not(.${treeViewItemClasses.default.selected}>&):focus-visible`]: hover(),
+  [`:not(.${treeViewItemClasses.default.disabled}>&):not(.${treeViewItemClasses.default.selected}>&).focus-visible`]: hover(),
+  [`*:focus-visible .${treeViewItemClasses.default.focused}>&`]: {
+    ...focusUtils.outlineStyles
+  },
+  [` .focus-visible .${treeViewItemClasses.default.focused}>&`]: {
+    ...focusUtils.outlineStyles
+  },
+  [` .${treeViewItemClasses.default.focused}>&`]: {
+    ...hover()
+  },
+  "&[disabled], &:active": {
+    outline: "none"
+  },
+  "&:focus": {
+    outline: "none"
+  },
+  "&:focus-visible": {
+    ...focusUtils.outlineStyles
+  },
+  "&.focus-visible": {
+    ...focusUtils.outlineStyles
+  },
+  // cursor
+  cursor: "pointer",
+  "& *": {
+    cursor: "pointer"
+  },
+  [` .${treeViewItemClasses.default.disabled}>&`]: {
+    cursor: "not-allowed",
+    "& *": {
+      cursor: "not-allowed"
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL1RyZWVWaWV3L1RyZWVWaWV3SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtENkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9WZXJ0aWNhbE5hdmlnYXRpb24vVHJlZVZpZXcvVHJlZVZpZXdJdGVtLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgdHJlZVZpZXdJdGVtQ2xhc3NlcyBmcm9tIFwiLi90cmVlVmlld0l0ZW1DbGFzc2VzXCI7XG5cbmNvbnN0IHNlbGVjdGVkID0gKCkgPT4gKHtcbiAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8zLFxuICBib3JkZXJMZWZ0OiB0aGVtZS52ZXJ0aWNhbE5hdmlnYXRpb24uYWN0aXZlQm9yZGVyTGVmdCxcbiAgXCImICpcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgfSxcbn0pO1xuXG5jb25zdCBob3ZlciA9ICgpID0+ICh7XG4gIGJhY2tncm91bmQ6IHRoZW1lLnZlcnRpY2FsTmF2aWdhdGlvbi5ob3ZlckNvbG9yLFxuICBcIiYgKlwiOiB7XG4gICAgYmFja2dyb3VuZDogdGhlbWUudmVydGljYWxOYXZpZ2F0aW9uLmhvdmVyQ29sb3IsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdyb3VwID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IFwiOHB4IDAgMCAwXCIsXG4gIHBhZGRpbmc6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5vZGUgPSBzdHlsZWQoXCJsaVwiKSh7XG4gIGxpc3RTdHlsZTogXCJub25lXCIsXG4gIG1pbkhlaWdodDogXCIzMnB4XCIsXG4gIFwiJjpub3QoOmxhc3QtY2hpbGQpXCI6IHtcbiAgICBtYXJnaW5Cb3R0b206IFwiOHB4XCIsXG4gIH0sXG4gIFtgJi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuY29sbGFwc2VkfWBdOiB7XG4gICAgW2AmPi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZ3JvdXB9YF06IHtcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG4gIFtgJi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZXhwYW5kZWR9YF06IHtcbiAgICBbYCY+LiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5ncm91cH1gXToge1xuICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIH0sXG4gIH0sXG4gIFtgJi4ke3RyZWVWaWV3SXRlbUNsYXNzZXMubGlua31gXToge1xuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgfSxcbiAgW2AmLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5oaWRlfWBdOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgYm9yZGVyTGVmdDogdGhlbWUudmVydGljYWxOYXZpZ2F0aW9uLmluYWN0aXZlQm9yZGVyTGVmdCxcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcblxuICBbYCYuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLm1pbmltaXplZH1gXToge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIHBhZGRpbmdSaWdodDogMCxcbiAgfSxcblxuICBbYC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZXhwYW5kYWJsZX0+JmBdOiB7XG4gICAgZm9udFdlaWdodDogNjAwLFxuICB9LFxuXG4gIC8vIHNlbGVjdGVkIHN0YXRlXG4gIFtgLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5zZWxlY3RlZH0+JmBdOiBzZWxlY3RlZCgpLFxuXG4gIC8vaG92ZXJcbiAgW2A6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZGlzYWJsZWR9ID4gJik6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuc2VsZWN0ZWR9ID4gJik6aG92ZXJgXTpcbiAgICBob3ZlcigpLFxuICBbYDpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0gPiAmKS4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuc2VsZWN0ZWR9ID46aG92ZXJgXTpcbiAgICB7fSxcblxuICAvLyBmb2N1c1xuICBbYDpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0+Jik6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuc2VsZWN0ZWR9PiYpOmZvY3VzLXZpc2libGVgXTpcbiAgICBob3ZlcigpLFxuICBbYDpub3QoLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0+Jik6bm90KC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuc2VsZWN0ZWR9PiYpLmZvY3VzLXZpc2libGVgXTpcbiAgICBob3ZlcigpLFxuXG4gIFtgKjpmb2N1cy12aXNpYmxlIC4ke3RyZWVWaWV3SXRlbUNsYXNzZXMuZm9jdXNlZH0+JmBdOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICBbYCAuZm9jdXMtdmlzaWJsZSAuJHt0cmVlVmlld0l0ZW1DbGFzc2VzLmZvY3VzZWR9PiZgXToge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgW2AgLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5mb2N1c2VkfT4mYF06IHtcbiAgICAuLi5ob3ZlcigpLFxuICB9LFxuXG4gIFwiJltkaXNhYmxlZF0sICY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcblxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIFwiJi5mb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIC8vIGN1cnNvclxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiYgKlwiOiB7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgfSxcbiAgW2AgLiR7dHJlZVZpZXdJdGVtQ2xhc3Nlcy5kaXNhYmxlZH0+JmBdOiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgXCImICpcIjoge1xuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuIl19 */");
+exports.StyledContent = StyledContent;
+exports.StyledGroup = StyledGroup;
+exports.StyledNode = StyledNode;
+//# sourceMappingURL=TreeViewItem.styles.cjs.map

package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeViewItem.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/TreeView/TreeViewItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\nimport { outlineStyles } from \"utils\";\nimport treeViewItemClasses from \"./treeViewItemClasses\";\n\nconst selected = () => ({\n  background: theme.colors.atmo3,\n  borderLeft: theme.verticalNavigation.activeBorderLeft,\n  \"& *\": {\n    background: theme.colors.atmo3,\n  },\n});\n\nconst hover = () => ({\n  background: theme.verticalNavigation.hoverColor,\n  \"& *\": {\n    background: theme.verticalNavigation.hoverColor,\n  },\n});\n\nexport const StyledGroup = styled(\"ul\")({\n  margin: \"8px 0 0 0\",\n  padding: 0,\n});\n\nexport const StyledNode = styled(\"li\")({\n  listStyle: \"none\",\n  minHeight: \"32px\",\n  \"&:not(:last-child)\": {\n    marginBottom: \"8px\",\n  },\n  [`&.${treeViewItemClasses.collapsed}`]: {\n    [`&>.${treeViewItemClasses.group}`]: {\n      display: \"none\",\n    },\n  },\n  [`&.${treeViewItemClasses.expanded}`]: {\n    [`&>.${treeViewItemClasses.group}`]: {\n      display: \"block\",\n    },\n  },\n  [`&.${treeViewItemClasses.link}`]: {\n    textDecoration: \"none\",\n  },\n  [`&.${treeViewItemClasses.hide}`]: {\n    display: \"none\",\n  },\n});\n\nexport const StyledContent = styled(HvTypography)({\n  width: \"100%\",\n  display: \"flex\",\n  justifyContent: \"flex-start\",\n  alignItems: \"center\",\n  height: \"32px\",\n  borderLeft: theme.verticalNavigation.inactiveBorderLeft,\n  paddingRight: theme.space.xs,\n\n  [`&.${treeViewItemClasses.minimized}`]: {\n    justifyContent: \"center\",\n    paddingRight: 0,\n  },\n\n  [`.${treeViewItemClasses.expandable}>&`]: {\n    fontWeight: 600,\n  },\n\n  // selected state\n  [`.${treeViewItemClasses.selected}>&`]: selected(),\n\n  //hover\n  [`:not(.${treeViewItemClasses.disabled} > &):not(.${treeViewItemClasses.selected} > &):hover`]:\n    hover(),\n  [`:not(.${treeViewItemClasses.disabled} > &).${treeViewItemClasses.selected} >:hover`]:\n    {},\n\n  // focus\n  [`:not(.${treeViewItemClasses.disabled}>&):not(.${treeViewItemClasses.selected}>&):focus-visible`]:\n    hover(),\n  [`:not(.${treeViewItemClasses.disabled}>&):not(.${treeViewItemClasses.selected}>&).focus-visible`]:\n    hover(),\n\n  [`*:focus-visible .${treeViewItemClasses.focused}>&`]: {\n    ...outlineStyles,\n  },\n\n  [` .focus-visible .${treeViewItemClasses.focused}>&`]: {\n    ...outlineStyles,\n  },\n\n  [` .${treeViewItemClasses.focused}>&`]: {\n    ...hover(),\n  },\n\n  \"&[disabled], &:active\": {\n    outline: \"none\",\n  },\n\n  \"&:focus\": {\n    outline: \"none\",\n  },\n\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n\n  \"&.focus-visible\": {\n    ...outlineStyles,\n  },\n\n  // cursor\n  cursor: \"pointer\",\n  \"& *\": {\n    cursor: \"pointer\",\n  },\n  [` .${treeViewItemClasses.disabled}>&`]: {\n    cursor: \"not-allowed\",\n    \"& *\": {\n      cursor: \"not-allowed\",\n    },\n  },\n});\n"],"names":["selected","background","theme","colors","atmo3","borderLeft","verticalNavigation","activeBorderLeft","hover","hoverColor","StyledGroup","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledNode","listStyle","minHeight","marginBottom","treeViewItemClasses","collapsed","group","display","expanded","link","textDecoration","hide","StyledContent","HvTypography","width","justifyContent","alignItems","height","inactiveBorderLeft","paddingRight","space","xs","minimized","expandable","fontWeight","disabled","focused","outlineStyles","outline","cursor"],"mappings":"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"}

package/dist/cjs/components/VerticalNavigation/TreeView/descendants.cjs

@@ -0,0 +1,134 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const useEnhancedEffect = require("../../../hooks/useEnhancedEffect.cjs");
+function findIndex(array, comp) {
+  for (let i = 0; i < array.length; i += 1) {
+    if (comp(array[i])) {
+      return i;
+    }
+  }
+  return -1;
+}
+function binaryFindElement(array, element) {
+  let start = 0;
+  let end = array.length - 1;
+  while (start <= end) {
+    const middle = Math.floor((start + end) / 2);
+    if (array[middle].element === element) {
+      return middle;
+    }
+    if (array[middle].element.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_PRECEDING) {
+      end = middle - 1;
+    } else {
+      start = middle + 1;
+    }
+  }
+  return start;
+}
+const DescendantContext = React.createContext({
+  level: 0,
+  descendants: []
+});
+if (process.env.NODE_ENV !== "production") {
+  DescendantContext.displayName = "DescendantContext";
+}
+function usePrevious(value) {
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}
+const noop = () => {
+};
+function useDescendant(descendant) {
+  const [, forceUpdate] = React.useState();
+  const {
+    registerDescendant = noop,
+    unregisterDescendant = noop,
+    descendants = [],
+    parentId = null,
+    level = 0
+  } = React.useContext(DescendantContext);
+  const index = findIndex(descendants, (item) => item.element === descendant.element);
+  const previousDescendants = usePrevious(descendants);
+  const someDescendantsHaveChanged = descendants.some((newDescendant, position) => {
+    return previousDescendants && previousDescendants[position];
+  });
+  useEnhancedEffect.useEnhancedEffect(() => {
+    if (descendant.element) {
+      registerDescendant({
+        ...descendant,
+        index
+      });
+      return () => {
+        unregisterDescendant(descendant.element);
+      };
+    }
+    forceUpdate({});
+    return void 0;
+  }, [registerDescendant, unregisterDescendant, index, someDescendantsHaveChanged, descendant]);
+  return {
+    parentId,
+    index,
+    level
+  };
+}
+function DescendantProvider(props) {
+  const {
+    children,
+    id,
+    level
+  } = props;
+  const [items, set] = React.useState([]);
+  const registerDescendant = React.useCallback(({
+    element,
+    ...other
+  }) => {
+    set((oldItems) => {
+      let newItems;
+      if (oldItems.length === 0) {
+        return [{
+          ...other,
+          element,
+          index: 0
+        }];
+      }
+      const index = binaryFindElement(oldItems, element);
+      if (oldItems[index] && oldItems[index].element === element) {
+        newItems = oldItems;
+      } else {
+        const newItem = {
+          ...other,
+          element,
+          index
+        };
+        newItems = oldItems.slice();
+        newItems.splice(index, 0, newItem);
+      }
+      newItems.forEach((item, position) => {
+        item.index = position;
+      });
+      return newItems;
+    });
+  }, []);
+  const unregisterDescendant = React.useCallback((element) => {
+    set((oldItems) => oldItems.filter((item) => element !== item.element));
+  }, []);
+  const value = React.useMemo(() => ({
+    descendants: items,
+    registerDescendant,
+    unregisterDescendant,
+    parentId: id,
+    level
+  }), [items, registerDescendant, unregisterDescendant, id, level]);
+  return /* @__PURE__ */ jsxRuntime.jsx(DescendantContext.Provider, {
+    value,
+    children
+  });
+}
+exports.DescendantProvider = DescendantProvider;
+exports.useDescendant = useDescendant;
+//# sourceMappingURL=descendants.cjs.map

package/dist/cjs/components/VerticalNavigation/TreeView/descendants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"descendants.cjs","sources":["../../../../../src/components/VerticalNavigation/TreeView/descendants.tsx"],"sourcesContent":["/**\n * Copied from https://github.com/mui-org/material-ui/blob/8763de1633d80295e7b83d8c21040dad333e6699/packages/material-ui-lab/src/TreeView/descendants.js\n * Credit: https://github.com/reach/reach-ui/blob/86a046f54d53b6420e392b3fa56dd991d9d4e458/packages/descendants/README.md\n *\n * - Added level (depth) property.\n * - Use local copy of useEnhancedEffect.\n */\n\nimport { useEnhancedEffect } from \"hooks\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\ntype Item = {\n  element?;\n  index?;\n  [key: string]: unknown;\n};\n\n// To replace with .findIndex() once we stop IE11 support.\nfunction findIndex(array, comp) {\n  for (let i = 0; i < array.length; i += 1) {\n    if (comp(array[i])) {\n      return i;\n    }\n  }\n\n  return -1;\n}\n\nfunction binaryFindElement(array, element) {\n  let start = 0;\n  let end = array.length - 1;\n\n  while (start <= end) {\n    const middle = Math.floor((start + end) / 2);\n\n    if (array[middle].element === element) {\n      return middle;\n    }\n\n    // eslint-disable-next-line no-bitwise\n    if (\n      array[middle].element.compareDocumentPosition(element) &\n      Node.DOCUMENT_POSITION_PRECEDING\n    ) {\n      end = middle - 1;\n    } else {\n      start = middle + 1;\n    }\n  }\n\n  return start;\n}\n\nconst DescendantContext = createContext<DescendantContextValue>({\n  level: 0,\n  descendants: [],\n});\n\ninterface DescendantContextValue {\n  level?: number;\n  registerDescendant?;\n  unregisterDescendant?;\n  descendants: Item[];\n  parentId?;\n}\n\nif (process.env.NODE_ENV !== \"production\") {\n  DescendantContext.displayName = \"DescendantContext\";\n}\n\nfunction usePrevious(value) {\n  const ref = useRef(null);\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n  return ref.current;\n}\n\nconst noop = () => {};\n\n/**\n * This hook registers our descendant by passing it into an array. We can then\n * search that array by to find its index when registering it in the component.\n * We use this for focus management, keyboard navigation, and typeahead\n * functionality for some components.\n *\n * The hook accepts the element node\n *\n * Our main goals with this are:\n *   1) maximum composability,\n *   2) minimal API friction\n *   3) SSR compatibility*\n *   4) concurrent safe\n *   5) index always up-to-date with the tree despite changes\n *   6) works with memoization of any component in the tree (hopefully)\n *\n * * As for SSR, the good news is that we don't actually need the index on the\n * server for most use-cases, as we are only using it to determine the order of\n * composed descendants for keyboard navigation.\n */\nexport function useDescendant(descendant) {\n  const [, forceUpdate] = useState<{} | null>();\n  const {\n    registerDescendant = noop,\n    unregisterDescendant = noop,\n    descendants = [],\n    parentId = null,\n    level = 0,\n  } = useContext(DescendantContext);\n\n  // This will initially return -1 because we haven't registered the descendant\n  // on the first render. After we register, this will then return the correct\n  // index on the following render and we will re-register descendants\n  // so that everything is up-to-date before the user interacts with a\n  // collection.\n  const index = findIndex(\n    descendants,\n    (item) => item.element === descendant.element\n  );\n\n  const previousDescendants: Item[] | null = usePrevious(descendants);\n\n  // We also need to re-register descendants any time ANY of the other\n  // descendants have changed. My brain was melting when I wrote this and it\n  // feels a little off, but checking in render and using the result in the\n  // effect's dependency array works well enough.\n  const someDescendantsHaveChanged = descendants.some(\n    (newDescendant, position) => {\n      return (\n        previousDescendants && previousDescendants[position]\n        // previousDescendants[position].element !== newDescendant.element\n        //was not able to type check this, did not any difference\n      );\n    }\n  );\n\n  // Prevent any flashing\n  useEnhancedEffect(() => {\n    if (descendant.element) {\n      registerDescendant({\n        ...descendant,\n        index,\n      });\n      return () => {\n        unregisterDescendant(descendant.element);\n      };\n    }\n    forceUpdate({});\n\n    return undefined;\n  }, [\n    registerDescendant,\n    unregisterDescendant,\n    index,\n    someDescendantsHaveChanged,\n    descendant,\n  ]);\n\n  return { parentId, index, level };\n}\n\nexport function DescendantProvider(props: DescendantProviderProps) {\n  const { children, id, level } = props;\n\n  const [items, set] = useState<Item[]>([]);\n\n  const registerDescendant = useCallback(({ element, ...other }) => {\n    set((oldItems) => {\n      let newItems;\n      if (oldItems.length === 0) {\n        // If there are no items, register at index 0 and bail.\n        return [\n          {\n            ...other,\n            element,\n            index: 0,\n          },\n        ];\n      }\n\n      const index = binaryFindElement(oldItems, element);\n\n      if (oldItems[index] && oldItems[index].element === element) {\n        // If the element is already registered, just use the same array\n        newItems = oldItems;\n      } else {\n        // When registering a descendant, we need to make sure we insert in\n        // into the array in the same order that it appears in the DOM. So as\n        // new descendants are added or maybe some are removed, we always know\n        // that the array is up-to-date and correct.\n        //\n        // So here we look at our registered descendants and see if the new\n        // element we are adding appears earlier than an existing descendant's\n        // DOM node via `node.compareDocumentPosition`. If it does, we insert\n        // the new element at this index. Because `registerDescendant` will be\n        // called in an effect every time the descendants state value changes,\n        // we should be sure that this index is accurate when descendent\n        // elements come or go from our component.\n\n        const newItem = {\n          ...other,\n          element,\n          index,\n        };\n\n        // If an index is not found we will push the element to the end.\n        newItems = oldItems.slice();\n        newItems.splice(index, 0, newItem);\n      }\n      newItems.forEach((item, position) => {\n        // eslint-disable-next-line no-param-reassign\n        item.index = position;\n      });\n      return newItems;\n    });\n  }, []);\n\n  const unregisterDescendant = useCallback((element: Item) => {\n    set((oldItems) =>\n      oldItems.filter((item: Item) => element !== item.element)\n    );\n  }, []);\n\n  const value = useMemo(\n    () => ({\n      descendants: items,\n      registerDescendant,\n      unregisterDescendant,\n      parentId: id,\n      level,\n    }),\n    [items, registerDescendant, unregisterDescendant, id, level]\n  );\n\n  return (\n    <DescendantContext.Provider value={value}>\n      {children}\n    </DescendantContext.Provider>\n  );\n}\n\nexport type DescendantProviderProps = {\n  children?: React.ReactNode;\n  id?: string;\n  level?: number;\n};\n"],"names":["findIndex","array","comp","i","length","binaryFindElement","element","start","end","middle","Math","floor","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","DescendantContext","createContext","level","descendants","process","env","NODE_ENV","displayName","usePrevious","value","ref","useRef","useEffect","current","noop","useDescendant","descendant","forceUpdate","useState","registerDescendant","unregisterDescendant","parentId","useContext","index","item","previousDescendants","someDescendantsHaveChanged","some","newDescendant","position","useEnhancedEffect","undefined","DescendantProvider","props","children","id","items","set","useCallback","other","oldItems","newItems","newItem","slice","splice","forEach","filter","useMemo","_jsx","Provider"],"mappings":"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"}

package/dist/cjs/components/VerticalNavigation/TreeView/treeViewClasses.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"];
+const treeViewClasses = classes.getClasses(classKeys, "HvVerticalNavigationTreeView");
+const treeViewClasses$1 = treeViewClasses;
+exports.default = treeViewClasses$1;
+//# sourceMappingURL=treeViewClasses.cjs.map

package/dist/cjs/components/VerticalNavigation/TreeView/treeViewClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeViewClasses.cjs","sources":["../../../../../src/components/VerticalNavigation/TreeView/treeViewClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvVerticalNavigationTreeViewClasses = {\n  root?: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst treeViewClasses = getClasses<HvVerticalNavigationTreeViewClasses>(\n  classKeys,\n  \"HvVerticalNavigationTreeView\"\n);\n\nexport default treeViewClasses;\n"],"names":["classKeys","treeViewClasses","getClasses"],"mappings":";;;AAMA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,kBAAkBC,QACtBF,WAAAA,WACA,8BAA8B;AAGhC,MAAA,oBAAeC;;"}

package/dist/cjs/components/VerticalNavigation/TreeView/treeViewItemClasses.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 = ["node", "content", "link", "group", "disabled", "expandable", "collapsed", "selectable", "unselectable", "selected", "unselected", "focused", "minimized", "hide"];
+const treeViewItemClasses = classes.getClasses(classKeys, "HvVerticalNavigationTreeViewItem");
+const treeViewItemClasses$1 = treeViewItemClasses;
+exports.default = treeViewItemClasses$1;
+//# sourceMappingURL=treeViewItemClasses.cjs.map

package/dist/cjs/components/VerticalNavigation/TreeView/treeViewItemClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeViewItemClasses.cjs","sources":["../../../../../src/components/VerticalNavigation/TreeView/treeViewItemClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvVerticalNavigationTreeViewItemClasses = {\n  /** Style applied to the root of the component. */\n  node?: string;\n  /** Style applied to the content. */\n  content?: string;\n  /** Style applied to the content when it is a link. */\n  link?: string;\n  /** Style applied to the group. */\n  group?: string;\n  /** Style applied when item is disabled. */\n  disabled?: string;\n  /** Style applied when item is expandable. */\n  expandable?: string;\n  /** Style applied when item is collapsed. */\n  collapsed?: string;\n  /** Style applied when item is expanded */\n  expanded?: string;\n  /** Style applied when item is selectable. */\n  selectable?: string;\n  /** Style applied when item is unselectable. */\n  unselectable?: string;\n  /** Style applied when item is selectable. */\n  selected?: string;\n  /** Style applied when item is unselectable. */\n  unselected?: string;\n  /** Style applied when item is focused. */\n  focused?: string;\n  /** Styled applied when navigation open is false */\n  minimized?: string;\n  hide?: string;\n};\n\nconst classKeys: string[] = [\n  \"node\",\n  \"content\",\n  \"link\",\n  \"group\",\n  \"disabled\",\n  \"expandable\",\n  \"collapsed\",\n  \"selectable\",\n  \"unselectable\",\n  \"selected\",\n  \"unselected\",\n  \"focused\",\n  \"minimized\",\n  \"hide\",\n];\n\nconst treeViewItemClasses = getClasses<HvVerticalNavigationTreeViewItemClasses>(\n  classKeys,\n  \"HvVerticalNavigationTreeViewItem\"\n);\n\nexport default treeViewItemClasses;\n"],"names":["classKeys","treeViewItemClasses","getClasses"],"mappings":";;;AAkCA,MAAMA,YAAsB,CAC1B,QACA,WACA,QACA,SACA,YACA,cACA,aACA,cACA,gBACA,YACA,cACA,WACA,aACA,MAAM;AAGR,MAAMC,sBAAsBC,QAC1BF,WAAAA,WACA,kCAAkC;AAGpC,MAAA,wBAAeC;;"}

package/dist/cjs/components/VerticalNavigation/VerticalNavigation.cjs

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const clsx = require("clsx");
+const React = require("react");
+const VerticalNavigation_styles = require("./VerticalNavigation.styles.cjs");
+const verticalNavigationClasses = require("./verticalNavigationClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const NavigationSlider_utils = require("./NavigationSlider/utils/NavigationSlider.utils.cjs");
+const VerticalNavigationContext = require("./VerticalNavigationContext.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const HvVerticalNavigation = ({
+  id,
+  className,
+  classes,
+  children,
+  open = true,
+  collapsedMode = "simple",
+  slider = false,
+  ...others
+}) => {
+  const [parentData, setParentData] = React.useState([]);
+  const [parentSelected, setParentSelected] = React.useState();
+  const [headerTitle, setHeaderTitle] = React.useState();
+  const withParentData = React.useMemo(() => NavigationSlider_utils.fillDataWithParentId(parentData), [parentData]);
+  const initialParentItem = React.useMemo(() => NavigationSlider_utils.getParentItemById(withParentData, parentSelected), [withParentData, parentSelected]);
+  const [parentItem, setParentItem] = React.useState(initialParentItem);
+  React.useEffect(() => setHeaderTitle(parentItem == null ? void 0 : parentItem.label), [parentItem, setParentItem]);
+  const navigateToParentHandler = () => {
+    setParentItem(NavigationSlider_utils.getParentItemById(withParentData, parentItem.id));
+  };
+  const navigateToChildHandler = (event, item) => {
+    setParentItem(NavigationSlider_utils.getNavigationItemById(withParentData, item.id));
+    event.stopPropagation();
+  };
+  const value = React.useMemo(() => ({
+    isOpen: open,
+    collapsedMode,
+    slider,
+    headerTitle,
+    setHeaderTitle,
+    parentItem,
+    withParentData,
+    navigateToChildHandler,
+    navigateToParentHandler,
+    parentData,
+    setParentData,
+    parentSelected,
+    setParentSelected
+  }), [open, collapsedMode, slider, headerTitle, setHeaderTitle, parentItem, withParentData, navigateToChildHandler, navigateToParentHandler]);
+  const content = /* @__PURE__ */ jsxRuntime.jsx(VerticalNavigationContext.VerticalNavigationContext.Provider, {
+    value,
+    children: /* @__PURE__ */ jsxRuntime.jsx(VerticalNavigation_styles.StyledRoot, {
+      id,
+      className: clsx__default.default(className, verticalNavigationClasses.default.root, classes == null ? void 0 : classes.root, !open && verticalNavigationClasses.default.collapsed, slider && verticalNavigationClasses.default.slider, classes == null ? void 0 : classes.collapsed),
+      ...others,
+      children
+    })
+  });
+  return content;
+};
+exports.HvVerticalNavigation = HvVerticalNavigation;
+//# sourceMappingURL=VerticalNavigation.cjs.map

package/dist/cjs/components/VerticalNavigation/VerticalNavigation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalNavigation.cjs","sources":["../../../../src/components/VerticalNavigation/VerticalNavigation.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { StyledRoot } from \"./VerticalNavigation.styles\";\nimport verticalNavigationClasses, {\n  HvVerticalNavigationClasses,\n} from \"./verticalNavigationClasses\";\nimport { NavigationData, VerticalNavigationContext } from \"./\";\nimport {\n  fillDataWithParentId,\n  getNavigationItemById,\n  getParentItemById,\n} from \"./NavigationSlider/utils\";\n\nexport type HvVerticalNavigationProps = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationClasses;\n  /**\n   * Current State of the Vertical Navigation Collapse\n   */\n  open?: boolean;\n  /**\n   *  Collpased Mode for the Vertical Navigation, the default value is \"simple\".\n   */\n  collapsedMode?: HvVerticalNavigationMode;\n  /**\n   * Boolean to determine if treeview is in slider mode (for mobile navigation), the default value is false.\n   */\n  slider?: boolean;\n  /**\n   * The content inside the actions container.\n   */\n  children?: React.ReactNode;\n};\n\n/**\n * Navigation enables users to move through an app to complete tasks.\n *\n * It is recommended to use vertical navigation when your application requires global navigation that is displayed on the left.\n * While vertical navigation menus generally consume more space than their horizontal counterparts, they have become more popular as desktop monitors move to wide-screen formats.\n *\n * Even thou both the hierarchically organized data and the visual style ressemble a treeview-like structure, the [Treeview Design Pattern](https://w3c.github.io/aria-practices/#TreeView)\n * isn't necessarily the most appropriate.\n *\n * The tree role provides complex functionality that is not needed for typical site navigation, and changes the most common keyboard navigation using TAB.\n *\n * The [Disclosure Design Pattern](https://w3c.github.io/aria-practices/#disclosure) is more suited for typical site navigation, with expandable groups of links.\n * However it can be tedious to TAB through all navigation items to reach the actions panel.\n *\n * Both modes are available via the `mode` property and each app should choose the most appropriate.\n */\nexport const HvVerticalNavigation = ({\n  id,\n  className,\n  classes,\n\n  children,\n\n  open = true,\n\n  collapsedMode = \"simple\",\n\n  slider = false,\n\n  ...others\n}: HvVerticalNavigationProps) => {\n  const [parentData, setParentData] = useState<NavigationData[]>([]);\n\n  const [parentSelected, setParentSelected] = useState();\n\n  const [headerTitle, setHeaderTitle] = useState<string | undefined>();\n\n  // navigationSlider\n  const withParentData = useMemo(\n    () => fillDataWithParentId(parentData),\n    [parentData]\n  );\n\n  const initialParentItem = useMemo(\n    () => getParentItemById(withParentData, parentSelected),\n    [withParentData, parentSelected]\n  );\n\n  const [parentItem, setParentItem] = useState(initialParentItem);\n\n  useEffect(\n    () => setHeaderTitle(parentItem?.label),\n    [parentItem, setParentItem]\n  );\n\n  const navigateToParentHandler = () => {\n    setParentItem(getParentItemById(withParentData, parentItem.id));\n  };\n\n  const navigateToChildHandler = (event, item) => {\n    setParentItem(getNavigationItemById(withParentData, item.id));\n    event.stopPropagation();\n  };\n\n  const value = useMemo(\n    () => ({\n      isOpen: open,\n      collapsedMode,\n      slider,\n      headerTitle,\n      setHeaderTitle,\n\n      parentItem,\n      withParentData,\n      navigateToChildHandler,\n      navigateToParentHandler,\n\n      parentData,\n      setParentData,\n      parentSelected,\n      setParentSelected,\n    }),\n    [\n      open,\n      collapsedMode,\n      slider,\n      headerTitle,\n      setHeaderTitle,\n      parentItem,\n      withParentData,\n      navigateToChildHandler,\n      navigateToParentHandler,\n    ]\n  );\n\n  const content = (\n    <VerticalNavigationContext.Provider value={value}>\n      <StyledRoot\n        id={id}\n        className={clsx(\n          className,\n          verticalNavigationClasses.root,\n          classes?.root,\n          !open && verticalNavigationClasses.collapsed,\n          slider && verticalNavigationClasses.slider,\n          classes?.collapsed\n        )}\n        {...others}\n      >\n        {children}\n      </StyledRoot>\n    </VerticalNavigationContext.Provider>\n  );\n\n  return content;\n};\n\nexport type HvVerticalNavigationMode = \"icon\" | \"simple\";\n\nexport type HvVerticalNavigationPosition =\n  | \"static\"\n  | \"relative\"\n  | \"fixed\"\n  | \"absolute\";\n"],"names":["HvVerticalNavigation","id","className","classes","children","open","collapsedMode","slider","others","parentData","setParentData","useState","parentSelected","setParentSelected","headerTitle","setHeaderTitle","withParentData","useMemo","fillDataWithParentId","initialParentItem","getParentItemById","parentItem","setParentItem","useEffect","label","navigateToParentHandler","navigateToChildHandler","event","item","getNavigationItemById","stopPropagation","value","isOpen","content","VerticalNavigationContext","Provider","StyledRoot","clsx","verticalNavigationClasses","root","collapsed"],"mappings":";;;;;;;;;;;AA4DO,MAAMA,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EAEAC;AAAAA,EAEAC,OAAO;AAAA,EAEPC,gBAAgB;AAAA,EAEhBC,SAAS;AAAA,EAET,GAAGC;AACsB,MAAM;AAC/B,QAAM,CAACC,YAAYC,aAAa,IAAIC,MAAAA,SAA2B,CAAE,CAAA;AAEjE,QAAM,CAACC,gBAAgBC,iBAAiB,IAAIF,MAAU,SAAA;AAEtD,QAAM,CAACG,aAAaC,cAAc,IAAIJ,MAA8B,SAAA;AAG9DK,QAAAA,iBAAiBC,MAAAA,QACrB,MAAMC,uBAAAA,qBAAqBT,UAAU,GACrC,CAACA,UAAU,CAAC;AAGRU,QAAAA,oBAAoBF,cACxB,MAAMG,yCAAkBJ,gBAAgBJ,cAAc,GACtD,CAACI,gBAAgBJ,cAAc,CAAC;AAGlC,QAAM,CAACS,YAAYC,aAAa,IAAIX,eAASQ,iBAAiB;AAG5DI,kBAAA,MAAMR,eAAeM,yCAAYG,KAAK,GACtC,CAACH,YAAYC,aAAa,CAAC;AAG7B,QAAMG,0BAA0BA,MAAM;AACpCH,kBAAcF,uBAAAA,kBAAkBJ,gBAAgBK,WAAWpB,EAAE,CAAC;AAAA,EAAA;AAG1DyB,QAAAA,yBAAyBA,CAACC,OAAOC,SAAS;AAC9CN,kBAAcO,uBAAAA,sBAAsBb,gBAAgBY,KAAK3B,EAAE,CAAC;AAC5D0B,UAAMG,gBAAiB;AAAA,EAAA;AAGnBC,QAAAA,QAAQd,MAAAA,QACZ,OAAO;AAAA,IACLe,QAAQ3B;AAAAA,IACRC;AAAAA,IACAC;AAAAA,IACAO;AAAAA,IACAC;AAAAA,IAEAM;AAAAA,IACAL;AAAAA,IACAU;AAAAA,IACAD;AAAAA,IAEAhB;AAAAA,IACAC;AAAAA,IACAE;AAAAA,IACAC;AAAAA,EACF,IACA,CACER,MACAC,eACAC,QACAO,aACAC,gBACAM,YACAL,gBACAU,wBACAD,uBAAuB,CACxB;AAGGQ,QAAAA,UACHC,2BAAAA,IAAAA,0BAAAA,0BAA0BC,UAAQ;AAAA,IAACJ;AAAAA,IAAa3B,yCAC9CgC,sCAAU;AAAA,MACTnC;AAAAA,MACAC,WAAWmC,cAAAA,QACTnC,WACAoC,0BAAAA,QAA0BC,MAC1BpC,mCAASoC,MACT,CAAClC,QAAQiC,kCAA0BE,WACnCjC,UAAU+B,0BAA0B/B,QAAAA,QACpCJ,mCAASqC,SAAS;AAAA,MAClB,GACEhC;AAAAA,MAAMJ;AAAAA,IAAAA,CAED;AAAA,EAAA,CAGd;AAEM6B,SAAAA;AACT;;"}

package/dist/cjs/components/VerticalNavigation/VerticalNavigation.styles.cjs

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("@emotion/styled/base");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const verticalNavigationClasses = require("./verticalNavigationClasses.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "eyka99t0"
+} : {
+  target: "eyka99t0",
+  label: "StyledRoot"
+})({
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: uikitStyles.theme.verticalNavigation.justifyContent,
+  width: "100%",
+  background: uikitStyles.theme.colors.atmo1,
+  boxShadow: uikitStyles.theme.colors.shadow,
+  clipPath: "inset(0px -12px 0px 0px)",
+  [`&.${verticalNavigationClasses.default.collapsed}`]: {
+    width: "56px",
+    "& > :first-of-type:not(:last-child)": {
+      padding: uikitStyles.theme.spacing(["sm", "xs", "xs", "xs"])
+    },
+    "& > :not(nav:first-of-type)": {
+      padding: uikitStyles.theme.spacing(["xs", "xs", "sm", "xs"])
+    }
+  },
+  "& > :only-child": {
+    padding: uikitStyles.theme.space.sm
+  },
+  "& > :not(nav:first-of-type)": {
+    borderTop: `3px solid ${uikitStyles.theme.colors.atmo2}`,
+    padding: uikitStyles.theme.spacing(["xs", "sm", "sm", "sm"])
+  },
+  "& > :first-of-type:not(:last-child)": {
+    borderTop: "none",
+    padding: uikitStyles.theme.spacing(["sm", "sm", "xs", "sm"])
+  },
+  [`&.${verticalNavigationClasses.default.slider}`]: {
+    "& > div:first-of-type": {
+      borderBottom: `3px solid ${uikitStyles.theme.colors.atmo2}`
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL1ZlcnRpY2FsTmF2aWdhdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUkwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1ZlcnRpY2FsTmF2aWdhdGlvbi9WZXJ0aWNhbE5hdmlnYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHZlcnRpY2FsTmF2aWdhdGlvbkNsYXNzZXMgZnJvbSBcIi4vdmVydGljYWxOYXZpZ2F0aW9uQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBqdXN0aWZ5Q29udGVudDogdGhlbWUudmVydGljYWxOYXZpZ2F0aW9uLmp1c3RpZnlDb250ZW50LFxuXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJveFNoYWRvdzogdGhlbWUuY29sb3JzLnNoYWRvdyxcbiAgY2xpcFBhdGg6IFwiaW5zZXQoMHB4IC0xMnB4IDBweCAwcHgpXCIsXG5cbiAgW2AmLiR7dmVydGljYWxOYXZpZ2F0aW9uQ2xhc3Nlcy5jb2xsYXBzZWR9YF06IHtcbiAgICB3aWR0aDogXCI1NnB4XCIsXG5cbiAgICBcIiYgPiA6Zmlyc3Qtb2YtdHlwZTpub3QoOmxhc3QtY2hpbGQpXCI6IHtcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNpbmcoW1wic21cIiwgXCJ4c1wiLCBcInhzXCIsIFwieHNcIl0pLFxuICAgIH0sXG5cbiAgICBcIiYgPiA6bm90KG5hdjpmaXJzdC1vZi10eXBlKVwiOiB7XG4gICAgICBwYWRkaW5nOiB0aGVtZS5zcGFjaW5nKFtcInhzXCIsIFwieHNcIiwgXCJzbVwiLCBcInhzXCJdKSxcbiAgICB9LFxuICB9LFxuXG4gIFwiJiA+IDpvbmx5LWNoaWxkXCI6IHtcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjZS5zbSxcbiAgfSxcbiAgXCImID4gOm5vdChuYXY6Zmlyc3Qtb2YtdHlwZSlcIjoge1xuICAgIGJvcmRlclRvcDogYDNweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vMn1gLFxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNpbmcoW1wieHNcIiwgXCJzbVwiLCBcInNtXCIsIFwic21cIl0pLFxuICB9LFxuXG4gIFwiJiA+IDpmaXJzdC1vZi10eXBlOm5vdCg6bGFzdC1jaGlsZClcIjoge1xuICAgIGJvcmRlclRvcDogXCJub25lXCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2luZyhbXCJzbVwiLCBcInNtXCIsIFwieHNcIiwgXCJzbVwiXSksXG4gIH0sXG5cbiAgW2AmLiR7dmVydGljYWxOYXZpZ2F0aW9uQ2xhc3Nlcy5zbGlkZXJ9YF06IHtcbiAgICBcIiYgPiBkaXY6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgICBib3JkZXJCb3R0b206IGAzcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYXRtbzJ9YCxcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */");
+exports.StyledRoot = StyledRoot;
+//# sourceMappingURL=VerticalNavigation.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalNavigation.styles.cjs","sources":["../../../../src/components/VerticalNavigation/VerticalNavigation.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport verticalNavigationClasses from \"./verticalNavigationClasses\";\n\nexport const StyledRoot = styled(\"div\")({\n  display: \"flex\",\n  flexDirection: \"column\",\n  justifyContent: theme.verticalNavigation.justifyContent,\n\n  width: \"100%\",\n\n  background: theme.colors.atmo1,\n  boxShadow: theme.colors.shadow,\n  clipPath: \"inset(0px -12px 0px 0px)\",\n\n  [`&.${verticalNavigationClasses.collapsed}`]: {\n    width: \"56px\",\n\n    \"& > :first-of-type:not(:last-child)\": {\n      padding: theme.spacing([\"sm\", \"xs\", \"xs\", \"xs\"]),\n    },\n\n    \"& > :not(nav:first-of-type)\": {\n      padding: theme.spacing([\"xs\", \"xs\", \"sm\", \"xs\"]),\n    },\n  },\n\n  \"& > :only-child\": {\n    padding: theme.space.sm,\n  },\n  \"& > :not(nav:first-of-type)\": {\n    borderTop: `3px solid ${theme.colors.atmo2}`,\n    padding: theme.spacing([\"xs\", \"sm\", \"sm\", \"sm\"]),\n  },\n\n  \"& > :first-of-type:not(:last-child)\": {\n    borderTop: \"none\",\n    padding: theme.spacing([\"sm\", \"sm\", \"xs\", \"sm\"]),\n  },\n\n  [`&.${verticalNavigationClasses.slider}`]: {\n    \"& > div:first-of-type\": {\n      borderBottom: `3px solid ${theme.colors.atmo2}`,\n    },\n  },\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","display","flexDirection","justifyContent","theme","verticalNavigation","width","background","colors","atmo1","boxShadow","shadow","clipPath","verticalNavigationClasses","collapsed","padding","spacing","space","sm","borderTop","atmo2","slider","borderBottom"],"mappings":";;;;;;;AAIO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,gBAAgBC,YAAAA,MAAMC,mBAAmBF;AAAAA,EAEzCG,OAAO;AAAA,EAEPC,YAAYH,YAAAA,MAAMI,OAAOC;AAAAA,EACzBC,WAAWN,YAAAA,MAAMI,OAAOG;AAAAA,EACxBC,UAAU;AAAA,EAEV,CAAE,KAAIC,kCAA0BC,WAAW,GAAG;AAAA,IAC5CR,OAAO;AAAA,IAEP,uCAAuC;AAAA,MACrCS,SAASX,kBAAMY,QAAQ,CAAC,MAAM,MAAM,MAAM,IAAI,CAAC;AAAA,IACjD;AAAA,IAEA,+BAA+B;AAAA,MAC7BD,SAASX,kBAAMY,QAAQ,CAAC,MAAM,MAAM,MAAM,IAAI,CAAC;AAAA,IACjD;AAAA,EACF;AAAA,EAEA,mBAAmB;AAAA,IACjBD,SAASX,YAAAA,MAAMa,MAAMC;AAAAA,EACvB;AAAA,EACA,+BAA+B;AAAA,IAC7BC,WAAY,aAAYf,YAAAA,MAAMI,OAAOY;AAAAA,IACrCL,SAASX,kBAAMY,QAAQ,CAAC,MAAM,MAAM,MAAM,IAAI,CAAC;AAAA,EACjD;AAAA,EAEA,uCAAuC;AAAA,IACrCG,WAAW;AAAA,IACXJ,SAASX,kBAAMY,QAAQ,CAAC,MAAM,MAAM,MAAM,IAAI,CAAC;AAAA,EACjD;AAAA,EAEA,CAAE,KAAIH,kCAA0BQ,QAAQ,GAAG;AAAA,IACzC,yBAAyB;AAAA,MACvBC,cAAe,aAAYlB,YAAAA,MAAMI,OAAOY;AAAAA,IAC1C;AAAA,EACF;AACF,GAACxB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6tEAAA;;"}

package/dist/cjs/components/VerticalNavigation/VerticalNavigationContext.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const VerticalNavigationContext = React.createContext({
+  isOpen: true,
+  collapsedMode: "simple",
+  slider: false
+});
+exports.VerticalNavigationContext = VerticalNavigationContext;
+//# sourceMappingURL=VerticalNavigationContext.cjs.map

package/dist/cjs/components/VerticalNavigation/VerticalNavigationContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalNavigationContext.cjs","sources":["../../../../src/components/VerticalNavigation/VerticalNavigationContext.tsx"],"sourcesContent":["import { createContext } from \"react\";\nimport { NavigationData, HvVerticalNavigationMode } from \"./\";\n\ninterface VerticalNavigationContextValue {\n  isOpen: boolean;\n  collapsedMode: HvVerticalNavigationMode;\n  slider?: boolean;\n  headerTitle?: string;\n  setHeaderTitle?: React.Dispatch<React.SetStateAction<string | undefined>>;\n\n  parentItem?;\n  withParentData?;\n  navigateToChildHandler?: (event, item) => void;\n  navigateToParentHandler?: () => void;\n\n  parentData?: NavigationData[];\n  setParentData?: React.Dispatch<React.SetStateAction<any>>;\n  parentSelected?;\n  setParentSelected?: React.Dispatch<React.SetStateAction<any>>;\n}\n\nconst VerticalNavigationContext = createContext<VerticalNavigationContextValue>(\n  {\n    isOpen: true,\n    collapsedMode: \"simple\",\n    slider: false,\n  }\n);\n\nexport { VerticalNavigationContext };\n"],"names":["VerticalNavigationContext","createContext","isOpen","collapsedMode","slider"],"mappings":";;;AAqBA,MAAMA,4BAA4BC,MAAAA,cAChC;AAAA,EACEC,QAAQ;AAAA,EACRC,eAAe;AAAA,EACfC,QAAQ;AACV,CAAC;;"}

package/dist/cjs/components/VerticalNavigation/verticalNavigationClasses.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", "collapsed", "slider"];
+const verticalNavigationClasses = classes.getClasses(classKeys, "HvVerticalNavigation");
+const verticalNavigationClasses$1 = verticalNavigationClasses;
+exports.default = verticalNavigationClasses$1;
+//# sourceMappingURL=verticalNavigationClasses.cjs.map

package/dist/cjs/components/VerticalNavigation/verticalNavigationClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"verticalNavigationClasses.cjs","sources":["../../../../src/components/VerticalNavigation/verticalNavigationClasses.tsx"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvVerticalNavigationClasses = {\n  /** Style applied to the root of the component. */\n  root?: string;\n  /** Style applied to the root of the component when its collapsed. */\n  collapsed?: string;\n  /** Style applied to the root of the component when its in slider mode. */\n  slider?;\n};\n\nconst classKeys: string[] = [\"root\", \"collapsed\", \"slider\"];\n\nconst verticalNavigationClasses = getClasses<HvVerticalNavigationClasses>(\n  classKeys,\n  \"HvVerticalNavigation\"\n);\n\nexport default verticalNavigationClasses;\n"],"names":["classKeys","verticalNavigationClasses","getClasses"],"mappings":";;;AAWA,MAAMA,YAAsB,CAAC,QAAQ,aAAa,QAAQ;AAE1D,MAAMC,4BAA4BC,QAChCF,WAAAA,WACA,sBAAsB;AAGxB,MAAA,8BAAeC;;"}

package/dist/cjs/hocs/withId.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"withId.cjs","sources":["../../../src/hocs/withId.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport hoistNonReactStatics from \"hoist-non-react-statics\";\nimport uniqueId from \"lodash/uniqueId\";\nimport { HvExtraProps } from \"types\";\nimport { getComponentName } from \"utils\";\n\nconst pascalToKebab = (string = \"\") =>\n  string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\n\nconst withId = (Component) => {\n  const WithId = ({ id, ...others }: { id?: string } & HvExtraProps) => {\n    const [internalId] = useState(\n      id || uniqueId(`${pascalToKebab(getComponentName(Component))}-`)\n    );\n\n    return <Component id={internalId} {...others} />;\n  };\n\n  // https://reactjs.org/docs/higher-order-components.html#static-methods-must-be-copied-over\n  hoistNonReactStatics(WithId, Component);\n\n  if (process.env.NODE_ENV !== \"production\") {\n    WithId.Naked = Component;\n  }\n\n  return WithId;\n};\n\nexport default withId;\n"],"names":["pascalToKebab","string","replace","toLowerCase","withId","Component","WithId","id","others","internalId","useState","uniqueId","getComponentName","hoistNonReactStatics","process","env","NODE_ENV","Naked"],"mappings":";;;;;;;;;;AAMA,MAAMA,gBAAgBA,CAACC,SAAS,OAC9BA,OAAOC,QAAQ,sBAAsB,OAAO,EAAEC;AAEhD,MAAMC,SAAUC,CAAc,cAAA;AAC5B,QAAMC,SAASA,CAAC;AAAA,IAAEC;AAAAA,OAAOC;AAAAA,EAAAA,MAA6C;AACpE,UAAM,CAACC,UAAU,IAAIC,eACnBH,MAAMI,kBAAAA,QAAU,GAAEX,cAAcY,iBAAiBP,QAAAA,SAAS,CAAC,IAAI,CAAC;AAGlE,0CAAQA,WAAS;AAAA,MAACE,IAAIE;AAAAA,MAAW,GAAKD;AAAAA,IAAAA,CAAU;AAAA,EAAA;AAIlDK,wCAAqBP,QAAQD,SAAS;AAElCS,MAAAA,QAAQC,IAAIC,aAAa,cAAc;AACzCV,WAAOW,QAAQZ;AAAAA,EACjB;AAEOC,SAAAA;AACT;AAEA,MAAA,WAAeF;;"}
+{"version":3,"file":"withId.cjs","sources":["../../../src/hocs/withId.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport hoistNonReactStatics from \"hoist-non-react-statics\";\nimport uniqueId from \"lodash/uniqueId\";\nimport { HvExtraProps } from \"../types\";\nimport { getComponentName } from \"utils\";\n\nconst pascalToKebab = (string = \"\") =>\n  string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\n\nexport interface WithIdProps extends HvExtraProps {\n  id?: string;\n}\n\nconst withId = (Component) => {\n  const WithId = ({ id, ...others }: WithIdProps) => {\n    const [internalId] = useState(\n      id || uniqueId(`${pascalToKebab(getComponentName(Component))}-`)\n    );\n\n    return <Component id={internalId} {...others} />;\n  };\n\n  // https://reactjs.org/docs/higher-order-components.html#static-methods-must-be-copied-over\n  hoistNonReactStatics(WithId, Component);\n\n  if (process.env.NODE_ENV !== \"production\") {\n    WithId.Naked = Component;\n  }\n\n  return WithId;\n};\n\nexport default withId;\n"],"names":["pascalToKebab","string","replace","toLowerCase","withId","Component","WithId","id","others","internalId","useState","uniqueId","getComponentName","hoistNonReactStatics","process","env","NODE_ENV","Naked"],"mappings":";;;;;;;;;;AAMA,MAAMA,gBAAgBA,CAACC,SAAS,OAC9BA,OAAOC,QAAQ,sBAAsB,OAAO,EAAEC;AAMhD,MAAMC,SAAUC,CAAc,cAAA;AAC5B,QAAMC,SAASA,CAAC;AAAA,IAAEC;AAAAA,IAAI,GAAGC;AAAAA,EAAAA,MAA0B;AACjD,UAAM,CAACC,UAAU,IAAIC,eACnBH,MAAMI,kBAAAA,QAAU,GAAEX,cAAcY,iBAAiBP,QAAAA,SAAS,CAAC,IAAI,CAAC;AAGlE,0CAAQA,WAAS;AAAA,MAACE,IAAIE;AAAAA,MAAW,GAAKD;AAAAA,IAAAA,CAAU;AAAA,EAAA;AAIlDK,wCAAqBP,QAAQD,SAAS;AAElCS,MAAAA,QAAQC,IAAIC,aAAa,cAAc;AACzCV,WAAOW,QAAQZ;AAAAA,EACjB;AAEOC,SAAAA;AACT;AAEA,MAAA,WAAeF;;"}

package/dist/cjs/hocs/withTooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"withTooltip.cjs","sources":["../../../src/hocs/withTooltip.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { HvTypography, HvTooltip } from \"components\";\n\nconst styles = {\n  truncate: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n};\n\nconst withTooltip =\n  (\n    Component,\n    // eslint-disable-next-line @typescript-eslint/default-param-last\n    label = \"\",\n    placement,\n    hideTooltip,\n    tooltipProps,\n    tooltipContainerProps\n  ) =>\n  (props) => {\n    const [isHoverDisabled, setIsHoverDisabled] = useState(false);\n    const [open, setOpen] = useState(false);\n\n    const title = <HvTypography>{label}</HvTypography>;\n\n    const handleMouseEnter = (evt) => {\n      const isHidden = hideTooltip?.(evt);\n      setIsHoverDisabled(isHidden);\n      setOpen(!isHidden);\n    };\n\n    const handleMouseLeave = () => {\n      setIsHoverDisabled(false);\n      setOpen(false);\n    };\n\n    return (\n      <HvTooltip\n        style={{ ...styles.truncate }}\n        disableHoverListener={isHoverDisabled}\n        disableFocusListener\n        disableTouchListener\n        title={title}\n        open={open}\n        placement={placement}\n        {...tooltipProps}\n      >\n        <div\n          {...tooltipContainerProps}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          <Component {...props} />\n        </div>\n      </HvTooltip>\n    );\n  };\n\nexport default withTooltip;\n"],"names":["styles","truncate","overflow","textOverflow","whiteSpace","withTooltip","Component","label","placement","hideTooltip","tooltipProps","tooltipContainerProps","props","isHoverDisabled","setIsHoverDisabled","useState","open","setOpen","title","HvTypography","children","handleMouseEnter","evt","isHidden","handleMouseLeave","HvTooltip","style","disableHoverListener","disableFocusListener","disableTouchListener","onMouseEnter","onMouseLeave"],"mappings":";;;;;;AAGA,MAAMA,SAAS;AAAA,EACbC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EACd;AACF;AAEA,MAAMC,cACJA,CACEC,WAEAC,QAAQ,IACRC,WACAC,aACAC,cACAC,0BAEDC,CAAU,UAAA;AACT,QAAM,CAACC,iBAAiBC,kBAAkB,IAAIC,eAAS,KAAK;AAC5D,QAAM,CAACC,MAAMC,OAAO,IAAIF,eAAS,KAAK;AAEhCG,QAAAA,uCAASC,yBAAY;AAAA,IAAAC,UAAEb;AAAAA,EAAAA,CAAqB;AAElD,QAAMc,mBAAoBC,CAAQ,QAAA;AAC1BC,UAAAA,WAAWd,2CAAca;AAC/BR,uBAAmBS,QAAQ;AAC3BN,YAAQ,CAACM,QAAQ;AAAA,EAAA;AAGnB,QAAMC,mBAAmBA,MAAM;AAC7BV,uBAAmB,KAAK;AACxBG,YAAQ,KAAK;AAAA,EAAA;AAGf,wCACGQ,QAAAA,WAAS;AAAA,IACRC,OAAO;AAAA,MAAE,GAAG1B,OAAOC;AAAAA,IAAS;AAAA,IAC5B0B,sBAAsBd;AAAAA,IACtBe,sBAAoB;AAAA,IACpBC,sBAAoB;AAAA,IACpBX;AAAAA,IACAF;AAAAA,IACAR;AAAAA,IAAqB,GACjBE;AAAAA,IAAYU,yCAEhB,OAAA;AAAA,MAAA,GACMT;AAAAA,MACJmB,cAAcT;AAAAA,MACdU,cAAcP;AAAAA,MAAiBJ,yCAE9Bd,WAAS;AAAA,QAAA,GAAKM;AAAAA,MAAAA,CAAK;AAAA,IAAA,CAAI;AAAA,EAAA,CAEhB;AAEhB;AAEF,MAAA,gBAAeP;;"}
+{"version":3,"file":"withTooltip.cjs","sources":["../../../src/hocs/withTooltip.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { HvTypography } from \"components/Typography\";\nimport { HvTooltip } from \"components/Tooltip\";\n\nconst styles = {\n  truncate: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n};\n\nconst withTooltip =\n  (\n    Component,\n    // eslint-disable-next-line @typescript-eslint/default-param-last\n    label = \"\",\n    placement,\n    hideTooltip,\n    tooltipProps,\n    tooltipContainerProps\n  ) =>\n  (props) => {\n    const [isHoverDisabled, setIsHoverDisabled] = useState(false);\n    const [open, setOpen] = useState(false);\n\n    const title = <HvTypography>{label}</HvTypography>;\n\n    const handleMouseEnter = (evt) => {\n      const isHidden = hideTooltip?.(evt);\n      setIsHoverDisabled(isHidden);\n      setOpen(!isHidden);\n    };\n\n    const handleMouseLeave = () => {\n      setIsHoverDisabled(false);\n      setOpen(false);\n    };\n\n    return (\n      <HvTooltip\n        style={{ ...styles.truncate }}\n        disableHoverListener={isHoverDisabled}\n        disableFocusListener\n        disableTouchListener\n        title={title}\n        open={open}\n        placement={placement}\n        {...tooltipProps}\n      >\n        <div\n          {...tooltipContainerProps}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          <Component {...props} />\n        </div>\n      </HvTooltip>\n    );\n  };\n\nexport default withTooltip;\n"],"names":["styles","truncate","overflow","textOverflow","whiteSpace","withTooltip","Component","label","placement","hideTooltip","tooltipProps","tooltipContainerProps","props","isHoverDisabled","setIsHoverDisabled","useState","open","setOpen","title","HvTypography","children","handleMouseEnter","evt","isHidden","handleMouseLeave","HvTooltip","style","disableHoverListener","disableFocusListener","disableTouchListener","onMouseEnter","onMouseLeave"],"mappings":";;;;;;AAIA,MAAMA,SAAS;AAAA,EACbC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EACd;AACF;AAEA,MAAMC,cACJA,CACEC,WAEAC,QAAQ,IACRC,WACAC,aACAC,cACAC,0BAEDC,CAAU,UAAA;AACT,QAAM,CAACC,iBAAiBC,kBAAkB,IAAIC,eAAS,KAAK;AAC5D,QAAM,CAACC,MAAMC,OAAO,IAAIF,eAAS,KAAK;AAEhCG,QAAAA,uCAASC,yBAAY;AAAA,IAAAC,UAAEb;AAAAA,EAAAA,CAAqB;AAElD,QAAMc,mBAAoBC,CAAQ,QAAA;AAC1BC,UAAAA,WAAWd,2CAAca;AAC/BR,uBAAmBS,QAAQ;AAC3BN,YAAQ,CAACM,QAAQ;AAAA,EAAA;AAGnB,QAAMC,mBAAmBA,MAAM;AAC7BV,uBAAmB,KAAK;AACxBG,YAAQ,KAAK;AAAA,EAAA;AAGf,wCACGQ,QAAAA,WAAS;AAAA,IACRC,OAAO;AAAA,MAAE,GAAG1B,OAAOC;AAAAA,IAAS;AAAA,IAC5B0B,sBAAsBd;AAAAA,IACtBe,sBAAoB;AAAA,IACpBC,sBAAoB;AAAA,IACpBX;AAAAA,IACAF;AAAAA,IACAR;AAAAA,IAAqB,GACjBE;AAAAA,IAAYU,yCAEhB,OAAA;AAAA,MAAA,GACMT;AAAAA,MACJmB,cAAcT;AAAAA,MACdU,cAAcP;AAAAA,MAAiBJ,yCAE9Bd,WAAS;AAAA,QAAA,GAAKM;AAAAA,MAAAA,CAAK;AAAA,IAAA,CAAI;AAAA,EAAA,CAEhB;AAEhB;AAEF,MAAA,gBAAeP;;"}

package/dist/cjs/hooks/useClickOutside.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const useClickOutside = (ref, handler) => {
   React.useEffect(() => {

package/dist/cjs/hooks/useClickOutside.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useClickOutside.cjs","sources":["../../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect, RefObject } from \"react\";\n\ntype Event = MouseEvent | KeyboardEvent | TouchEvent;\n\nexport const useClickOutside = <T extends HTMLElement = HTMLElement>(\n  ref: RefObject<T>,\n  handler: (event: Event) => void\n) => {\n  useEffect(() => {\n    const listener = (event: Event) => {\n      const el = ref?.current;\n      const isKeyUp = event.type === \"keyup\";\n      const isEscape = (event as KeyboardEvent).key === \"Escape\";\n\n      if (!el || el.contains((event?.target as Node) || null)) {\n        return;\n      }\n\n      return isKeyUp ? (isEscape ? handler(event) : null) : handler(event);\n    };\n\n    document.addEventListener(\"click\", listener);\n    document.addEventListener(\"touchstart\", listener);\n    document.addEventListener(\"keyup\", listener);\n\n    return () => {\n      document.removeEventListener(\"click\", listener);\n      document.removeEventListener(\"touchstart\", listener);\n      document.removeEventListener(\"keyup\", listener);\n    };\n  }, [ref, handler]);\n};\n"],"names":["useClickOutside","ref","handler","useEffect","listener","event","el","current","isKeyUp","type","isEscape","key","contains","target","addEventListener","removeEventListener"],"mappings":";;;AAIaA,MAAAA,kBAAkB,CAC7BC,KACAC,YACG;AACHC,QAAAA,UAAU,MAAM;AACRC,UAAAA,WAAWA,CAACC,UAAiB;AACjC,YAAMC,KAAKL,2BAAKM;AACVC,YAAAA,UAAUH,MAAMI,SAAS;AACzBC,YAAAA,WAAYL,MAAwBM,QAAQ;AAElD,UAAI,CAACL,MAAMA,GAAGM,UAAUP,+BAAOQ,WAAmB,IAAI,GAAG;AACvD;AAAA,MACF;AAEA,aAAOL,UAAWE,WAAWR,QAAQG,KAAK,IAAI,OAAQH,QAAQG,KAAK;AAAA,IAAA;AAG5DS,aAAAA,iBAAiB,SAASV,QAAQ;AAClCU,aAAAA,iBAAiB,cAAcV,QAAQ;AACvCU,aAAAA,iBAAiB,SAASV,QAAQ;AAE3C,WAAO,MAAM;AACFW,eAAAA,oBAAoB,SAASX,QAAQ;AACrCW,eAAAA,oBAAoB,cAAcX,QAAQ;AAC1CW,eAAAA,oBAAoB,SAASX,QAAQ;AAAA,IAAA;AAAA,EAChD,GACC,CAACH,KAAKC,OAAO,CAAC;AACnB;;"}
+{"version":3,"file":"useClickOutside.cjs","sources":["../../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect, RefObject } from \"react\";\n\nexport type HvClickOutsideEvent = MouseEvent | KeyboardEvent | TouchEvent;\n\nexport const useClickOutside = <T extends HTMLElement = HTMLElement>(\n  ref: RefObject<T>,\n  handler: (event: HvClickOutsideEvent) => void\n) => {\n  useEffect(() => {\n    const listener = (event: HvClickOutsideEvent) => {\n      const el = ref?.current;\n      const isKeyUp = event.type === \"keyup\";\n      const isEscape = (event as KeyboardEvent).key === \"Escape\";\n\n      if (!el || el.contains((event?.target as Node) || null)) {\n        return;\n      }\n\n      return isKeyUp ? (isEscape ? handler(event) : null) : handler(event);\n    };\n\n    document.addEventListener(\"click\", listener);\n    document.addEventListener(\"touchstart\", listener);\n    document.addEventListener(\"keyup\", listener);\n\n    return () => {\n      document.removeEventListener(\"click\", listener);\n      document.removeEventListener(\"touchstart\", listener);\n      document.removeEventListener(\"keyup\", listener);\n    };\n  }, [ref, handler]);\n};\n"],"names":["useClickOutside","ref","handler","useEffect","listener","event","el","current","isKeyUp","type","isEscape","key","contains","target","addEventListener","removeEventListener"],"mappings":";;;AAIaA,MAAAA,kBAAkB,CAC7BC,KACAC,YACG;AACHC,QAAAA,UAAU,MAAM;AACRC,UAAAA,WAAWA,CAACC,UAA+B;AAC/C,YAAMC,KAAKL,2BAAKM;AACVC,YAAAA,UAAUH,MAAMI,SAAS;AACzBC,YAAAA,WAAYL,MAAwBM,QAAQ;AAElD,UAAI,CAACL,MAAMA,GAAGM,UAAUP,+BAAOQ,WAAmB,IAAI,GAAG;AACvD;AAAA,MACF;AAEA,aAAOL,UAAWE,WAAWR,QAAQG,KAAK,IAAI,OAAQH,QAAQG,KAAK;AAAA,IAAA;AAG5DS,aAAAA,iBAAiB,SAASV,QAAQ;AAClCU,aAAAA,iBAAiB,cAAcV,QAAQ;AACvCU,aAAAA,iBAAiB,SAASV,QAAQ;AAE3C,WAAO,MAAM;AACFW,eAAAA,oBAAoB,SAASX,QAAQ;AACrCW,eAAAA,oBAAoB,cAAcX,QAAQ;AAC1CW,eAAAA,oBAAoB,SAASX,QAAQ;AAAA,IAAA;AAAA,EAChD,GACC,CAACH,KAAKC,OAAO,CAAC;AACnB;;"}

package/dist/cjs/hooks/useComputation.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+function useComputation(valueFn, valueFallback) {
+  const computed = React.useRef(null);
+  const [value, setValue] = React.useState(valueFallback);
+  const computeValue = () => {
+    if (!computed.current) {
+      setValue(valueFn == null ? void 0 : valueFn());
+      computed.current = true;
+    }
+  };
+  return [value, computeValue];
+}
+exports.default = useComputation;
+//# sourceMappingURL=useComputation.cjs.map

package/dist/cjs/hooks/useComputation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComputation.cjs","sources":["../../../src/hooks/useComputation.ts"],"sourcesContent":["import { useState, useRef } from \"react\";\n\nexport default function useComputation(valueFn, valueFallback?) {\n  const computed = useRef<any>(null);\n  const [value, setValue] = useState(valueFallback);\n\n  const computeValue = () => {\n    if (!computed.current) {\n      setValue(valueFn?.());\n      computed.current = true;\n    }\n  };\n\n  return [value, computeValue];\n}\n"],"names":["useComputation","valueFn","valueFallback","computed","useRef","value","setValue","useState","computeValue","current"],"mappings":";;;AAEwBA,SAAAA,eAAeC,SAASC,eAAgB;AACxDC,QAAAA,WAAWC,aAAY,IAAI;AACjC,QAAM,CAACC,OAAOC,QAAQ,IAAIC,eAASL,aAAa;AAEhD,QAAMM,eAAeA,MAAM;AACrB,QAAA,CAACL,SAASM,SAAS;AACrBH,eAASL,oCAAW;AACpBE,eAASM,UAAU;AAAA,IACrB;AAAA,EAAA;AAGK,SAAA,CAACJ,OAAOG,YAAY;AAC7B;;"}