@hitachivantara/uikit-react-core 4.4.3 → 5.0.0-next.10

package/dist/cjs/components/Dialog/Title/Title.styles.cjs

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const DialogTitle = require("@mui/material/DialogTitle");
+const transientOptions = require("../../../utils/transientOptions.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const DialogTitle__default = /* @__PURE__ */ _interopDefault(DialogTitle);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const StyledTitle = /* @__PURE__ */ _styled__default.default(DialogTitle__default.default, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "eo9hglt2"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "eo9hglt2",
+  label: "StyledTitle"
+}, transientOptions.transientOptions))(({
+  $fullscreen
+}) => ({
+  padding: uikitStyles.theme.space.sm,
+  margin: 0,
+  ...!$fullscreen && {
+    flex: 1
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL1RpdGxlL1RpdGxlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL1RpdGxlL1RpdGxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBEaWFsb2dUaXRsZSBmcm9tIFwiQG11aS9tYXRlcmlhbC9EaWFsb2dUaXRsZVwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChcbiAgRGlhbG9nVGl0bGUsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZ1bGxzY3JlZW4gfTogeyAkZnVsbHNjcmVlbjogYm9vbGVhbiB9KSA9PiAoe1xuICBwYWRkaW5nOiB0aGVtZS5zcGFjZS5zbSxcbiAgbWFyZ2luOiAwLFxuICAuLi4oISRmdWxsc2NyZWVuICYmIHtcbiAgICBmbGV4OiAxLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dFdpdGhJY29uID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRoYXNJY29uIH06IHsgJGhhc0ljb246IGJvb2xlYW4gfSkgPT4gKHtcbiAgLi4uKCRoYXNJY29uICYmIHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAvLyAzMnB4IGlzIHRoZSBpY29uIHdpZHRoXG4gICAgbWFyZ2luUmlnaHQ6IGBjYWxjKDMycHggKyAke3RoZW1lLnNwYWNlLnhzfSlgLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
+const StyledMessageContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "eo9hglt1"
+} : {
+  target: "eo9hglt1",
+  label: "StyledMessageContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center"
+} : {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL1RpdGxlL1RpdGxlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JzQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9UaXRsZS9UaXRsZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgRGlhbG9nVGl0bGUgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvRGlhbG9nVGl0bGVcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGUgPSBzdHlsZWQoXG4gIERpYWxvZ1RpdGxlLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRmdWxsc2NyZWVuIH06IHsgJGZ1bGxzY3JlZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgcGFkZGluZzogdGhlbWUuc3BhY2Uuc20sXG4gIG1hcmdpbjogMCxcbiAgLi4uKCEkZnVsbHNjcmVlbiAmJiB7XG4gICAgZmxleDogMSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRNZXNzYWdlQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRXaXRoSWNvbiA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaGFzSWNvbiB9OiB7ICRoYXNJY29uOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkaGFzSWNvbiAmJiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgLy8gMzJweCBpcyB0aGUgaWNvbiB3aWR0aFxuICAgIG1hcmdpblJpZ2h0OiBgY2FsYygzMnB4ICsgJHt0aGVtZS5zcGFjZS54c30pYCxcbiAgfSksXG59KSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledTextWithIcon = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "eo9hglt0"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "eo9hglt0",
+  label: "StyledTextWithIcon"
+}, transientOptions.transientOptions))(({
+  $hasIcon
+}) => ({
+  ...$hasIcon && {
+    marginLeft: uikitStyles.theme.space.xs,
+    marginRight: `calc(32px + ${uikitStyles.theme.space.xs})`
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL1RpdGxlL1RpdGxlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9UaXRsZS9UaXRsZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgRGlhbG9nVGl0bGUgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvRGlhbG9nVGl0bGVcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGUgPSBzdHlsZWQoXG4gIERpYWxvZ1RpdGxlLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRmdWxsc2NyZWVuIH06IHsgJGZ1bGxzY3JlZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgcGFkZGluZzogdGhlbWUuc3BhY2Uuc20sXG4gIG1hcmdpbjogMCxcbiAgLi4uKCEkZnVsbHNjcmVlbiAmJiB7XG4gICAgZmxleDogMSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRNZXNzYWdlQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRXaXRoSWNvbiA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaGFzSWNvbiB9OiB7ICRoYXNJY29uOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkaGFzSWNvbiAmJiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgLy8gMzJweCBpcyB0aGUgaWNvbiB3aWR0aFxuICAgIG1hcmdpblJpZ2h0OiBgY2FsYygzMnB4ICsgJHt0aGVtZS5zcGFjZS54c30pYCxcbiAgfSksXG59KSk7XG4iXX0= */");
+exports.StyledMessageContainer = StyledMessageContainer;
+exports.StyledTextWithIcon = StyledTextWithIcon;
+exports.StyledTitle = StyledTitle;
+//# sourceMappingURL=Title.styles.cjs.map

package/dist/cjs/components/Dialog/Title/Title.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.styles.cjs","sources":["../../../../../src/components/Dialog/Title/Title.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledTitle = styled(\n  DialogTitle,\n  transientOptions\n)(({ $fullscreen }: { $fullscreen: boolean }) => ({\n  padding: theme.space.sm,\n  margin: 0,\n  ...(!$fullscreen && {\n    flex: 1,\n  }),\n}));\n\nexport const StyledMessageContainer = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n\nexport const StyledTextWithIcon = styled(\n  \"div\",\n  transientOptions\n)(({ $hasIcon }: { $hasIcon: boolean }) => ({\n  ...($hasIcon && {\n    marginLeft: theme.space.xs,\n    // 32px is the icon width\n    marginRight: `calc(32px + ${theme.space.xs})`,\n  }),\n}));\n"],"names":["StyledTitle","DialogTitle","process","env","NODE_ENV","_extends","target","transientOptions","label","$fullscreen","padding","theme","space","sm","margin","flex","StyledMessageContainer","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledTextWithIcon","$hasIcon","marginLeft","xs","marginRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,uDACXC,qBAAAA,SAAWC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAsC,OAAO;AAAA,EAChDC,SAASC,YAAAA,MAAMC,MAAMC;AAAAA,EACrBC,QAAQ;AAAA,EACR,GAAI,CAACL,eAAe;AAAA,IAClBM,MAAM;AAAA,EACR;AACF,IAAEb,QAAAC,IAAAC,aAAC,eAAA,KAAA,qiDAAA;AAEI,MAAMY,yBAAgCC,iCAAA,QAAA,OAAKf,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAc,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGjD;AAEWC,MAAAA,8DACX,OAAKrB,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,EAAEiB;AAAgC,OAAO;AAAA,EAC1C,GAAIA,YAAY;AAAA,IACdC,YAAYd,YAAAA,MAAMC,MAAMc;AAAAA,IAExBC,aAAc,eAAchB,YAAAA,MAAMC,MAAMc;AAAAA,EAC1C;AACF,IAAExB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qiDAAA;;;;"}

package/dist/cjs/components/Dialog/Title/titleClasses.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", "fullscreen", "messageContainer", "textWithIcon"];
+const dialogTitleClasses = classes.getClasses(classKeys, "HvDialog-Title");
+const dialogTitleClasses$1 = dialogTitleClasses;
+exports.default = dialogTitleClasses$1;
+//# sourceMappingURL=titleClasses.cjs.map

package/dist/cjs/components/Dialog/Title/titleClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"titleClasses.cjs","sources":["../../../../../src/components/Dialog/Title/titleClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDialogTitleClasses = {\n  root?: string;\n  fullscreen?: string;\n  messageContainer?: string;\n  textWithIcon?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"fullscreen\",\n  \"messageContainer\",\n  \"textWithIcon\",\n];\n\nconst dialogTitleClasses = getClasses<HvDialogTitleClasses>(\n  classKeys,\n  \"HvDialog-Title\"\n);\n\nexport default dialogTitleClasses;\n"],"names":["classKeys","dialogTitleClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAAsB,CAC1B,QACA,cACA,oBACA,cAAc;AAGhB,MAAMC,qBAAqBC,QACzBF,WAAAA,WACA,gBAAgB;AAGlB,MAAA,uBAAeC;;"}

package/dist/cjs/components/Dialog/dialogClasses.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", "closeButton", "fullscreen", "background", "paper"];
+const dialogClasses = classes.getClasses(classKeys, "HvDialog");
+const dialogClasses$1 = dialogClasses;
+exports.default = dialogClasses$1;
+//# sourceMappingURL=dialogClasses.cjs.map

package/dist/cjs/components/Dialog/dialogClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogClasses.cjs","sources":["../../../../src/components/Dialog/dialogClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDialogClasses = {\n  root?: string;\n  closeButton?: string;\n  fullscreen?: string;\n  background?: string;\n  paper?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"closeButton\",\n  \"fullscreen\",\n  \"background\",\n  \"paper\",\n];\n\nconst dialogClasses = getClasses<HvDialogClasses>(classKeys, \"HvDialog\");\n\nexport default dialogClasses;\n"],"names":["classKeys","dialogClasses","getClasses"],"mappings":";;;AAUA,MAAMA,YAAsB,CAC1B,QACA,eACA,cACA,cACA,OAAO;AAGT,MAAMC,gBAAgBC,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}

package/dist/cjs/components/DotPagination/DotPagination.cjs

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const clsx = require("clsx");
+const dotPaginationClasses = require("./dotPaginationClasses.cjs");
+const DotPagination_styles = require("./DotPagination.styles.cjs");
+const React = require("react");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const getSelectorIcons = (radioIcon, radioCheckedIcon, classes) => {
+  return {
+    radio: React.cloneElement(radioIcon || /* @__PURE__ */ jsxRuntime.jsx(DotPagination_styles.StyledOtherStep, { width: 8, height: 8 }), {
+      className: clsx__default.default(classes == null ? void 0 : classes.icon, dotPaginationClasses.default.icon)
+    }),
+    radioChecked: React.cloneElement(radioCheckedIcon || /* @__PURE__ */ jsxRuntime.jsx(DotPagination_styles.StyledCurrentStep, { width: 8, height: 8 }), {
+      className: clsx__default.default(classes == null ? void 0 : classes.icon, dotPaginationClasses.default.icon)
+    })
+  };
+};
+const HvDotPagination = ({
+  className,
+  classes,
+  unselectedIcon,
+  selectedIcon,
+  pages = 1,
+  page = 0,
+  onPageChange,
+  getItemAriaLabel,
+  ...others
+}) => {
+  const range = (n) => Array.from(Array(n), (_, i) => i);
+  const icons = getSelectorIcons(unselectedIcon, selectedIcon, classes);
+  return /* @__PURE__ */ jsxRuntime.jsx(DotPagination_styles.StyledRadioGroup, { className: clsx__default.default(className, classes == null ? void 0 : classes.root, dotPaginationClasses.default.root), classes: {
+    horizontal: clsx__default.default(classes == null ? void 0 : classes.horizontal, dotPaginationClasses.default.horizontal)
+  }, orientation: "horizontal", ...others, children: range(pages).map((i) => /* @__PURE__ */ jsxRuntime.jsx(DotPagination_styles.StyledRadio, { classes: {
+    radio: clsx__default.default(classes == null ? void 0 : classes.radio, dotPaginationClasses.default.radio),
+    root: clsx__default.default(classes == null ? void 0 : classes.radioRoot, dotPaginationClasses.default.radioRoot)
+  }, value: i, checked: page === i, onChange: (event) => onPageChange == null ? void 0 : onPageChange(event, i), icon: icons.radio, checkedIcon: icons.radioChecked, "aria-label": getItemAriaLabel == null ? void 0 : getItemAriaLabel(i) }, i)) });
+};
+exports.HvDotPagination = HvDotPagination;
+//# sourceMappingURL=DotPagination.cjs.map

package/dist/cjs/components/DotPagination/DotPagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotPagination.cjs","sources":["../../../../src/components/DotPagination/DotPagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvRadioGroupProps } from \"../RadioGroup\";\nimport dotPaginationClasses, {\n  HvDotPaginationClasses,\n} from \"./dotPaginationClasses\";\nimport {\n  StyledCurrentStep,\n  StyledOtherStep,\n  StyledRadio,\n  StyledRadioGroup,\n} from \"./DotPagination.styles\";\nimport { cloneElement } from \"react\";\n\nexport type HvDotPaginationProps = Omit<HvRadioGroupProps, \"classes\"> & {\n  /**\n   * Icon to override the default one used for the unselected state.\n   *\n   * The default icon is `OtherStep`.\n   */\n  unselectedIcon?: React.ReactElement;\n  /**\n   * Icon to override the default one used for the selected state.\n   *\n   * The default icon is `CurrentStep`.\n   */\n  selectedIcon?: React.ReactElement;\n  /**\n   *  The number of pages the component has.\n   */\n  pages?: number;\n  /**\n   * The currently selected page.\n   */\n  page?: number;\n  /**\n   * The callback fired when the page value changes.\n   */\n  onPageChange?: (\n    event: React.ChangeEvent<HTMLInputElement>,\n    page: number\n  ) => void;\n  /**\n   * The callback fired to get the page aria label.\n   */\n  getItemAriaLabel?: (page: number) => string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvDotPaginationClasses;\n};\n\nconst getSelectorIcons = (\n  radioIcon?: React.ReactElement,\n  radioCheckedIcon?: React.ReactElement,\n  classes?: HvDotPaginationClasses\n) => {\n  return {\n    radio: cloneElement(radioIcon || <StyledOtherStep width={8} height={8} />, {\n      className: clsx(classes?.icon, dotPaginationClasses.icon),\n    }),\n    radioChecked: cloneElement(\n      radioCheckedIcon || <StyledCurrentStep width={8} height={8} />,\n      {\n        className: clsx(classes?.icon, dotPaginationClasses.icon),\n      }\n    ),\n  };\n};\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.\n * This component uses Radio Buttons to represent each page.\n */\nexport const HvDotPagination = ({\n  className,\n  classes,\n  unselectedIcon,\n  selectedIcon,\n  pages = 1,\n  page = 0,\n  onPageChange,\n  getItemAriaLabel,\n  ...others\n}: HvDotPaginationProps) => {\n  const range = (n: number) => Array.from(Array(n), (_, i) => i);\n\n  const icons = getSelectorIcons(unselectedIcon, selectedIcon, classes);\n\n  return (\n    <StyledRadioGroup\n      className={clsx(className, classes?.root, dotPaginationClasses.root)}\n      classes={{\n        horizontal: clsx(classes?.horizontal, dotPaginationClasses.horizontal),\n      }}\n      orientation=\"horizontal\"\n      {...others}\n    >\n      {range(pages).map((i) => (\n        <StyledRadio\n          classes={{\n            radio: clsx(classes?.radio, dotPaginationClasses.radio),\n            root: clsx(classes?.radioRoot, dotPaginationClasses.radioRoot),\n          }}\n          key={i}\n          value={i}\n          checked={page === i}\n          onChange={(event) => onPageChange?.(event, i)}\n          icon={icons.radio}\n          checkedIcon={icons.radioChecked}\n          aria-label={getItemAriaLabel?.(i)}\n        />\n      ))}\n    </StyledRadioGroup>\n  );\n};\n"],"names":["getSelectorIcons","radioIcon","radioCheckedIcon","classes","radio","cloneElement","jsx","StyledOtherStep","className","clsx","icon","dotPaginationClasses","radioChecked","StyledCurrentStep","HvDotPagination","unselectedIcon","selectedIcon","pages","page","onPageChange","getItemAriaLabel","others","range","n","Array","from","_","i","icons","StyledRadioGroup","root","horizontal","map","StyledRadio","radioRoot","event"],"mappings":";;;;;;;;;AAmDA,MAAMA,mBAAmBA,CACvBC,WACAC,kBACAC,YACG;AACI,SAAA;AAAA,IACLC,OAAOC,mBAAaJ,aAAaK,2BAAAA,IAACC,wCAAgB,OAAO,GAAG,QAAQ,EAAA,IAAO;AAAA,MACzEC,WAAWC,cAAAA,QAAKN,mCAASO,MAAMC,qBAAAA,QAAqBD,IAAI;AAAA,IAAA,CACzD;AAAA,IACDE,cAAcP,mBACZH,oBAAoBI,2BAAAA,IAACO,0CAAkB,OAAO,GAAG,QAAQ,EAAA,IACzD;AAAA,MACEL,WAAWC,cAAAA,QAAKN,mCAASO,MAAMC,qBAAAA,QAAqBD,IAAI;AAAA,IAAA,CACzD;AAAA,EAAA;AAGP;AAMO,MAAMI,kBAAkBA,CAAC;AAAA,EAC9BN;AAAAA,EACAL;AAAAA,EACAY;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,KACGC;AACiB,MAAM;AACpBC,QAAAA,QAAQA,CAACC,MAAcC,MAAMC,KAAKD,MAAMD,CAAC,GAAG,CAACG,GAAGC,MAAMA,CAAC;AAE7D,QAAMC,QAAQ5B,iBAAiBe,gBAAgBC,cAAcb,OAAO;AAGlE,SAAAG,+BAACuB,qBAAAA,kBACC,EAAA,WAAWpB,cAAAA,QAAKD,WAAWL,mCAAS2B,MAAMnB,qBAAAA,QAAqBmB,IAAI,GACnE,SAAS;AAAA,IACPC,YAAYtB,cAAAA,QAAKN,mCAAS4B,YAAYpB,qBAAAA,QAAqBoB,UAAU;AAAA,EAEvE,GAAA,aAAY,cACZ,GAAIV,QAEHC,UAAAA,MAAML,KAAK,EAAEe,IAAKL,CAAAA,MAChBrB,2BAAA,IAAA2B,qBAAA,aAAA,EACC,SAAS;AAAA,IACP7B,OAAOK,cAAAA,QAAKN,mCAASC,OAAOO,qBAAAA,QAAqBP,KAAK;AAAA,IACtD0B,MAAMrB,cAAAA,QAAKN,mCAAS+B,WAAWvB,qBAAAA,QAAqBuB,SAAS;AAAA,EAC/D,GAEA,OAAOP,GACP,SAAST,SAASS,GAClB,UAAWQ,CAAAA,UAAUhB,6CAAegB,OAAOR,IAC3C,MAAMC,MAAMxB,OACZ,aAAawB,MAAMhB,cACnB,cAAYQ,qDAAmBO,GAAC,GAN3BA,CAM6B,CAErC,EACH,CAAA;AAEJ;;"}

package/dist/cjs/components/DotPagination/DotPagination.styles.cjs

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const dotPaginationClasses = require("./dotPaginationClasses.cjs");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const RadioGroup = require("../RadioGroup/RadioGroup.cjs");
+const Radio = require("../Radio/Radio.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 StyledRadioGroup = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(RadioGroup.HvRadioGroup, { ...props }), process.env.NODE_ENV === "production" ? {
+  target: "e1buriah3"
+} : {
+  target: "e1buriah3",
+  label: "StyledRadioGroup"
+})({
+  display: "flex",
+  justifyContent: "center",
+  [`& .${dotPaginationClasses.default.horizontal}`]: {
+    marginLeft: 0,
+    width: "auto"
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTWdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2UmFkaW8sIEh2UmFkaW9Hcm91cCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgZG90UGFnaW5hdGlvbkNsYXNzZXMgZnJvbSBcIi4vZG90UGFnaW5hdGlvbkNsYXNzZXNcIjtcbmltcG9ydCB7IEN1cnJlbnRTdGVwLCBPdGhlclN0ZXAgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSYWRpb0dyb3VwID0gc3R5bGVkKChwcm9wcykgPT4gPEh2UmFkaW9Hcm91cCB7Li4ucHJvcHN9IC8+KSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcblxuICBbYCYgLiR7ZG90UGFnaW5hdGlvbkNsYXNzZXMuaG9yaXpvbnRhbH1gXToge1xuICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgd2lkdGg6IFwiYXV0b1wiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSYWRpbyA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlJhZGlvIHsuLi5wcm9wc30gLz4pKHtcbiAgW2AmLiR7ZG90UGFnaW5hdGlvbkNsYXNzZXMucmFkaW9Sb290fWBdOiB7XG4gICAgbWFyZ2luTGVmdDogXCI4cHhcIixcbiAgfSxcblxuICBbYCYgLiR7ZG90UGFnaW5hdGlvbkNsYXNzZXMucmFkaW99YF06IHtcbiAgICBoZWlnaHQ6IFwiMTZweFwiLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE3LFxuICAgICAgYm9yZGVyUmFkaXVzOiBcIjEwMCVcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRPdGhlclN0ZXAgPSBzdHlsZWQoT3RoZXJTdGVwKSh7XG4gIHdpZHRoOiBcIjE2cHhcIixcbiAgaGVpZ2h0OiBcIjE2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ3VycmVudFN0ZXAgPSBzdHlsZWQoQ3VycmVudFN0ZXApKHtcbiAgd2lkdGg6IFwiMTZweFwiLFxuICBoZWlnaHQ6IFwiMTZweFwiLFxufSk7XG4iXX0= */");
+const StyledRadio = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Radio.HvRadio, { ...props }), process.env.NODE_ENV === "production" ? {
+  target: "e1buriah2"
+} : {
+  target: "e1buriah2",
+  label: "StyledRadio"
+})({
+  [`&.${dotPaginationClasses.default.radioRoot}`]: {
+    marginLeft: "8px"
+  },
+  [`& .${dotPaginationClasses.default.radio}`]: {
+    height: "16px",
+    "&:hover": {
+      backgroundColor: uikitStyles.theme.colors.sema7,
+      borderRadius: "100%"
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0IyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RvdFBhZ2luYXRpb24vRG90UGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlJhZGlvLCBIdlJhZGlvR3JvdXAgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGRvdFBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL2RvdFBhZ2luYXRpb25DbGFzc2VzXCI7XG5pbXBvcnQgeyBDdXJyZW50U3RlcCwgT3RoZXJTdGVwIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW9Hcm91cCA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlJhZGlvR3JvdXAgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLmhvcml6b250YWx9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICAgIHdpZHRoOiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW8gPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZSYWRpbyB7Li4ucHJvcHN9IC8+KSh7XG4gIFtgJi4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvUm9vdH1gXToge1xuICAgIG1hcmdpbkxlZnQ6IFwiOHB4XCIsXG4gIH0sXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvfWBdOiB7XG4gICAgaGVpZ2h0OiBcIjE2cHhcIixcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNyxcbiAgICAgIGJvcmRlclJhZGl1czogXCIxMDAlXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3RoZXJTdGVwID0gc3R5bGVkKE90aGVyU3RlcCkoe1xuICB3aWR0aDogXCIxNnB4XCIsXG4gIGhlaWdodDogXCIxNnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEN1cnJlbnRTdGVwID0gc3R5bGVkKEN1cnJlbnRTdGVwKSh7XG4gIHdpZHRoOiBcIjE2cHhcIixcbiAgaGVpZ2h0OiBcIjE2cHhcIixcbn0pO1xuIl19 */");
+const StyledOtherStep = /* @__PURE__ */ _styled__default.default(uikitReactIcons.OtherStep, process.env.NODE_ENV === "production" ? {
+  target: "e1buriah1"
+} : {
+  target: "e1buriah1",
+  label: "StyledOtherStep"
+})(process.env.NODE_ENV === "production" ? {
+  name: "157xhr7",
+  styles: "width:16px;height:16px"
+} : {
+  name: "157xhr7",
+  styles: "width:16px;height:16px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RvdFBhZ2luYXRpb24vRG90UGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlJhZGlvLCBIdlJhZGlvR3JvdXAgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGRvdFBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL2RvdFBhZ2luYXRpb25DbGFzc2VzXCI7XG5pbXBvcnQgeyBDdXJyZW50U3RlcCwgT3RoZXJTdGVwIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW9Hcm91cCA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlJhZGlvR3JvdXAgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLmhvcml6b250YWx9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICAgIHdpZHRoOiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW8gPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZSYWRpbyB7Li4ucHJvcHN9IC8+KSh7XG4gIFtgJi4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvUm9vdH1gXToge1xuICAgIG1hcmdpbkxlZnQ6IFwiOHB4XCIsXG4gIH0sXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvfWBdOiB7XG4gICAgaGVpZ2h0OiBcIjE2cHhcIixcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNyxcbiAgICAgIGJvcmRlclJhZGl1czogXCIxMDAlXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3RoZXJTdGVwID0gc3R5bGVkKE90aGVyU3RlcCkoe1xuICB3aWR0aDogXCIxNnB4XCIsXG4gIGhlaWdodDogXCIxNnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEN1cnJlbnRTdGVwID0gc3R5bGVkKEN1cnJlbnRTdGVwKSh7XG4gIHdpZHRoOiBcIjE2cHhcIixcbiAgaGVpZ2h0OiBcIjE2cHhcIixcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledCurrentStep = /* @__PURE__ */ _styled__default.default(uikitReactIcons.CurrentStep, process.env.NODE_ENV === "production" ? {
+  target: "e1buriah0"
+} : {
+  target: "e1buriah0",
+  label: "StyledCurrentStep"
+})(process.env.NODE_ENV === "production" ? {
+  name: "157xhr7",
+  styles: "width:16px;height:16px"
+} : {
+  name: "157xhr7",
+  styles: "width:16px;height:16px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RvdFBhZ2luYXRpb24vRG90UGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlJhZGlvLCBIdlJhZGlvR3JvdXAgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGRvdFBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL2RvdFBhZ2luYXRpb25DbGFzc2VzXCI7XG5pbXBvcnQgeyBDdXJyZW50U3RlcCwgT3RoZXJTdGVwIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW9Hcm91cCA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlJhZGlvR3JvdXAgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLmhvcml6b250YWx9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICAgIHdpZHRoOiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW8gPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZSYWRpbyB7Li4ucHJvcHN9IC8+KSh7XG4gIFtgJi4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvUm9vdH1gXToge1xuICAgIG1hcmdpbkxlZnQ6IFwiOHB4XCIsXG4gIH0sXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvfWBdOiB7XG4gICAgaGVpZ2h0OiBcIjE2cHhcIixcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNyxcbiAgICAgIGJvcmRlclJhZGl1czogXCIxMDAlXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3RoZXJTdGVwID0gc3R5bGVkKE90aGVyU3RlcCkoe1xuICB3aWR0aDogXCIxNnB4XCIsXG4gIGhlaWdodDogXCIxNnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEN1cnJlbnRTdGVwID0gc3R5bGVkKEN1cnJlbnRTdGVwKSh7XG4gIHdpZHRoOiBcIjE2cHhcIixcbiAgaGVpZ2h0OiBcIjE2cHhcIixcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.StyledCurrentStep = StyledCurrentStep;
+exports.StyledOtherStep = StyledOtherStep;
+exports.StyledRadio = StyledRadio;
+exports.StyledRadioGroup = StyledRadioGroup;
+//# sourceMappingURL=DotPagination.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DotPagination.styles.cjs","sources":["../../../../src/components/DotPagination/DotPagination.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvRadio, HvRadioGroup } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport dotPaginationClasses from \"./dotPaginationClasses\";\nimport { CurrentStep, OtherStep } from \"@hitachivantara/uikit-react-icons\";\n\nexport const StyledRadioGroup = styled((props) => <HvRadioGroup {...props} />)({\n  display: \"flex\",\n  justifyContent: \"center\",\n\n  [`& .${dotPaginationClasses.horizontal}`]: {\n    marginLeft: 0,\n    width: \"auto\",\n  },\n});\n\nexport const StyledRadio = styled((props) => <HvRadio {...props} />)({\n  [`&.${dotPaginationClasses.radioRoot}`]: {\n    marginLeft: \"8px\",\n  },\n\n  [`& .${dotPaginationClasses.radio}`]: {\n    height: \"16px\",\n\n    \"&:hover\": {\n      backgroundColor: theme.colors.sema7,\n      borderRadius: \"100%\",\n    },\n  },\n});\n\nexport const StyledOtherStep = styled(OtherStep)({\n  width: \"16px\",\n  height: \"16px\",\n});\n\nexport const StyledCurrentStep = styled(CurrentStep)({\n  width: \"16px\",\n  height: \"16px\",\n});\n"],"names":["StyledRadioGroup","props","jsx","HvRadioGroup","process","env","NODE_ENV","target","label","display","justifyContent","dotPaginationClasses","horizontal","marginLeft","width","StyledRadio","HvRadio","radioRoot","radio","height","backgroundColor","theme","colors","sema7","borderRadius","StyledOtherStep","OtherStep","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledCurrentStep","CurrentStep"],"mappings":";;;;;;;;;;;;;;AAMaA,MAAAA,mBAA2BC,iCAAAA,QAAAA,CAAAA,UAAWC,2BAAAA,IAAAC,WAAAA,cAAA,EAAiBF,GAAAA,MAAAA,CAAS,GAAAG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EC,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAEhB,CAAE,MAAKC,6BAAqBC,eAAe;AAAA,IACzCC,YAAY;AAAA,IACZC,OAAO;AAAA,EACT;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,y4DAAA;AAEWS,MAAAA,cAAsBd,iCAAAA,QAAAA,CAAAA,UAAWC,2BAAAA,IAAAc,MAAAA,SAAA,EAAYf,GAAAA,MAAAA,CAAS,GAAAG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACnE,CAAE,KAAIG,6BAAqBM,cAAc;AAAA,IACvCJ,YAAY;AAAA,EACd;AAAA,EAEA,CAAE,MAAKF,6BAAqBO,UAAU;AAAA,IACpCC,QAAQ;AAAA,IAER,WAAW;AAAA,MACTC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,MAC9BC,cAAc;AAAA,IAChB;AAAA,EACF;AACF,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y4DAAA;AAEK,MAAMmB,kBAAyBC,iCAAAA,QAAAA,gBAAAA,WAAStB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAqB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAG9C;AAEK,MAAMC,oBAA2BC,iCAAAA,QAAAA,gBAAAA,aAAW7B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAqB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGlD;;;;;"}

package/dist/cjs/components/DotPagination/dotPaginationClasses.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", "horizontal", "radioRoot", "radio", "icon"];
+const dotPaginationClasses = classes.getClasses(classKeys, "HvDotPagination");
+const dotPaginationClasses$1 = dotPaginationClasses;
+exports.default = dotPaginationClasses$1;
+//# sourceMappingURL=dotPaginationClasses.cjs.map

package/dist/cjs/components/DotPagination/dotPaginationClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dotPaginationClasses.cjs","sources":["../../../../src/components/DotPagination/dotPaginationClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDotPaginationClasses = {\n  root?: string;\n  horizontal?: string;\n  radioRoot?: string;\n  radio?: string;\n  icon?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"horizontal\",\n  \"radioRoot\",\n  \"radio\",\n  \"icon\",\n];\n\nconst dotPaginationClasses = getClasses<HvDotPaginationClasses>(\n  classKeys,\n  \"HvDotPagination\"\n);\n\nexport default dotPaginationClasses;\n"],"names":["classKeys","dotPaginationClasses","getClasses"],"mappings":";;;AAUA,MAAMA,YAAsB,CAC1B,QACA,cACA,aACA,SACA,MAAM;AAGR,MAAMC,uBAAuBC,QAC3BF,WAAAA,WACA,iBAAiB;AAGnB,MAAA,yBAAeC;;"}

package/dist/cjs/components/DropDownMenu/DropDownMenu.cjs

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const clsx = require("clsx");
+const DropDownMenu_styles = require("./DropDownMenu.styles.cjs");
+const dropDownMenuClasses = require("./dropDownMenuClasses.cjs");
+const focusableElementFinder = require("../../utils/focusableElementFinder.cjs");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const React = require("react");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const react = require("@emotion/react");
+const withId = require("../../hocs/withId.cjs");
+const List = require("../List/List.cjs");
+const useControlled = require("../../hooks/useControlled.cjs");
+const setId = require("../../utils/setId.cjs");
+const focusUtils = require("../../utils/focusUtils.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 HvDropDownMenu = ({
+  id,
+  classes,
+  className,
+  icon,
+  placement = "right",
+  dataList,
+  disablePortal = false,
+  onToggle,
+  onClick,
+  keepOpened = true,
+  disabled = false,
+  expanded,
+  defaultExpanded = false,
+  category = "secondaryGhost",
+  ...others
+}) => {
+  const [open, setOpen] = useControlled.useControlled(expanded, Boolean(defaultExpanded));
+  const focusNodes = focusableElementFinder.getPrevNextFocus(setId.setId(id, "icon-button"));
+  const listId = setId.setId(id, "list");
+  const handleClose = (event) => {
+    setOpen(false);
+    onToggle == null ? void 0 : onToggle(event, false);
+  };
+  const handleKeyDown = (event) => {
+    if (keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.Tab)) {
+      const node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;
+      if (node)
+        setTimeout(() => node.focus(), 0);
+      handleClose(event);
+    }
+    event.preventDefault();
+  };
+  const setFocusToContent = (containerRef) => {
+    var _a;
+    (_a = containerRef == null ? void 0 : containerRef.getElementsByTagName("li")[0]) == null ? void 0 : _a.focus();
+  };
+  const headerComponent = /* @__PURE__ */ jsxRuntime.jsx(DropDownMenu_styles.StyledButton, { icon: true, variant: category, id: setId.setId(id, "icon-button"), className: clsx__default.default(dropDownMenuClasses.default.icon, classes == null ? void 0 : classes.icon, open && clsx__default.default(dropDownMenuClasses.default.iconSelected, classes == null ? void 0 : classes.iconSelected)), "aria-expanded": open, disabled, "aria-label": "Dropdown menu", $open: open, children: icon || /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.MoreOptionsVertical, { color: disabled ? "atmo5" : void 0 }) });
+  const condensed = React.useMemo(() => dataList.every((el) => !el.icon), [dataList]);
+  const popperStyle = {
+    style: {
+      zIndex: uikitStyles.theme.zIndices.tooltip,
+      width: "auto",
+      position: "relative"
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, { children: ({
+    css
+  }) => /* @__PURE__ */ jsxRuntime.jsx(DropDownMenu_styles.StyledBaseDropDown, { id, className: clsx__default.default(className, dropDownMenuClasses.default.container, classes == null ? void 0 : classes.container), classes: {
+    root: clsx__default.default(dropDownMenuClasses.default.root, classes == null ? void 0 : classes.root, css({
+      display: "inline-block",
+      width: "auto",
+      "&.focus-visible $icon": {
+        ...focusUtils.outlineStyles
+      }
+    })),
+    container: clsx__default.default(dropDownMenuClasses.default.baseContainer, classes == null ? void 0 : classes.baseContainer)
+  }, expanded: open && !disabled, component: headerComponent, "aria-haspopup": "menu", placement, variableWidth: true, disablePortal, onToggle: (e, s) => {
+    setOpen(s);
+    onToggle == null ? void 0 : onToggle(e, s);
+  }, disabled, onContainerCreation: setFocusToContent, popperProps: popperStyle, ...others, children: /* @__PURE__ */ jsxRuntime.jsx(DropDownMenu_styles.StyledPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(List.HvList, { id: listId, values: dataList, selectable: false, condensed, onClick: (event, item) => {
+    if (!keepOpened)
+      handleClose(event);
+    onClick == null ? void 0 : onClick(event, item);
+  }, onKeyDown: handleKeyDown, classes: {
+    root: clsx__default.default(dropDownMenuClasses.default.menuList, classes == null ? void 0 : classes.menuList)
+  } }) }) }) });
+};
+const HvDropDownMenu$1 = withId.default(HvDropDownMenu);
+exports.default = HvDropDownMenu$1;
+//# sourceMappingURL=DropDownMenu.cjs.map

package/dist/cjs/components/DropDownMenu/DropDownMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownMenu.cjs","sources":["../../../../src/components/DropDownMenu/DropDownMenu.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useControlled } from \"hooks\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledBaseDropDown,\n  StyledButton,\n  StyledPanel,\n} from \"./DropDownMenu.styles\";\nimport dropDownMenuClasses, {\n  HvDropDownMenuClasses,\n} from \"./dropDownMenuClasses\";\nimport { isKeypress, keyboardCodes, outlineStyles, setId } from \"utils\";\nimport getPrevNextFocus from \"utils/focusableElementFinder\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButtonVariant, HvList, HvListValue } from \"components\";\nimport { useMemo } from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { withId } from \"hocs\";\nimport { ClassNames } from \"@emotion/react\";\n\nexport type HvDropDownMenuProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  /** Icon. */\n  icon?: React.ReactElement;\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - icon: The icon node to be rendered on the left.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   */\n  dataList: HvListValue[];\n  /** Placement of the dropdown. */\n  placement?: \"left\" | \"right\";\n  /** Disable the portal behavior. The children stay within it's parent DOM hierarchy. */\n  disablePortal?: boolean;\n  /** Function executed on toggle of the dropdown. Should receive the open status. */\n  onToggle?: (event: Event, open: boolean) => void;\n  /** Function executed in each onClick. Should received the clicked element. */\n  onClick?: (\n    event: React.ChangeEvent<HTMLLIElement>,\n    value: HvListValue\n  ) => void;\n  /** Keep the Dropdown Menu opened after clicking one option */\n  keepOpened?: boolean;\n  /** Defines if the component is disabled. */\n  disabled?: boolean;\n  /** If true it should be displayed open. */\n  expanded?: boolean;\n  /** When uncontrolled, defines the initial expanded state. */\n  defaultExpanded?: boolean;\n  /** The variant to be used in the header. */\n  category?: HvButtonVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvDropDownMenuClasses;\n};\n\n/**\n * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.\n */\nconst HvDropDownMenu = ({\n  id,\n  classes,\n  className,\n  icon,\n  placement = \"right\",\n  dataList,\n  disablePortal = false,\n  onToggle,\n  onClick,\n  keepOpened = true,\n  disabled = false,\n  expanded,\n  defaultExpanded = false,\n  category = \"secondaryGhost\",\n  ...others\n}: HvDropDownMenuProps) => {\n  const [open, setOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const focusNodes = getPrevNextFocus(setId(id, \"icon-button\"));\n\n  const listId = setId(id, \"list\");\n\n  const handleClose = (event) => {\n    // this will only run if uncontrolled\n    setOpen(false);\n    onToggle?.(event, false);\n  };\n\n  // If the ESCAPE key is pressed inside the list, the close handler must be called.\n  const handleKeyDown = (event) => {\n    if (isKeypress(event, keyboardCodes.Tab)) {\n      const node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;\n      if (node) setTimeout(() => node.focus(), 0);\n      handleClose(event);\n    }\n    event.preventDefault();\n  };\n\n  const setFocusToContent = (containerRef) => {\n    containerRef?.getElementsByTagName(\"li\")[0]?.focus();\n  };\n\n  const headerComponent = (\n    <StyledButton\n      icon\n      variant={category}\n      id={setId(id, \"icon-button\")}\n      className={clsx(\n        dropDownMenuClasses.icon,\n        classes?.icon,\n        open && clsx(dropDownMenuClasses.iconSelected, classes?.iconSelected)\n      )}\n      aria-expanded={open}\n      disabled={disabled}\n      aria-label=\"Dropdown menu\"\n      $open={open}\n    >\n      {icon || <MoreOptionsVertical color={disabled ? \"atmo5\" : undefined} />}\n    </StyledButton>\n  );\n\n  const condensed = useMemo(() => dataList.every((el) => !el.icon), [dataList]);\n  const popperStyle = {\n    style: {\n      zIndex: theme.zIndices.tooltip,\n      width: \"auto\",\n      position: \"relative\",\n    },\n  };\n\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <StyledBaseDropDown\n          id={id}\n          className={clsx(\n            className,\n            dropDownMenuClasses.container,\n            classes?.container\n          )}\n          classes={{\n            root: clsx(\n              dropDownMenuClasses.root,\n              classes?.root,\n              css({\n                display: \"inline-block\",\n                width: \"auto\",\n                \"&.focus-visible $icon\": {\n                  ...outlineStyles,\n                },\n              })\n            ),\n            container: clsx(\n              dropDownMenuClasses.baseContainer,\n              classes?.baseContainer\n            ),\n          }}\n          expanded={open && !disabled}\n          component={headerComponent}\n          aria-haspopup=\"menu\"\n          placement={placement}\n          variableWidth\n          disablePortal={disablePortal}\n          onToggle={(e, s) => {\n            // this will only run if uncontrolled\n            setOpen(s);\n            onToggle?.(e, s);\n          }}\n          disabled={disabled}\n          onContainerCreation={setFocusToContent}\n          popperProps={popperStyle}\n          {...others}\n        >\n          <StyledPanel>\n            <HvList\n              id={listId}\n              values={dataList}\n              selectable={false}\n              condensed={condensed}\n              onClick={(event, item) => {\n                if (!keepOpened) handleClose(event);\n                onClick?.(event, item);\n              }}\n              onKeyDown={handleKeyDown}\n              classes={{\n                root: clsx(dropDownMenuClasses.menuList, classes?.menuList),\n              }}\n            />\n          </StyledPanel>\n        </StyledBaseDropDown>\n      )}\n    </ClassNames>\n  );\n};\n\nexport default withId(HvDropDownMenu);\n"],"names":["HvDropDownMenu","id","classes","className","icon","placement","dataList","disablePortal","onToggle","onClick","keepOpened","disabled","expanded","defaultExpanded","category","others","open","setOpen","useControlled","Boolean","focusNodes","getPrevNextFocus","setId","listId","handleClose","event","handleKeyDown","isKeypress","keyboardCodes","Tab","node","shiftKey","prevFocus","nextFocus","setTimeout","focus","preventDefault","setFocusToContent","containerRef","getElementsByTagName","headerComponent","jsx","StyledButton","clsx","dropDownMenuClasses","iconSelected","MoreOptionsVertical","undefined","condensed","useMemo","every","el","popperStyle","style","zIndex","theme","zIndices","tooltip","width","position","ClassNames","css","StyledBaseDropDown","container","root","display","outlineStyles","baseContainer","e","s","StyledPanel","HvList","item","menuList","withId"],"mappings":";;;;;;;;;;;;;;;;;;;;AA6DA,MAAMA,iBAAiBA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC;AAAAA,EACAC,gBAAgB;AAAA,EAChBC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACbC,WAAW;AAAA,EACXC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC,WAAW;AAAA,KACRC;AACgB,MAAM;AACnB,QAAA,CAACC,MAAMC,OAAO,IAAIC,cAAAA,cAAcN,UAAUO,QAAQN,eAAe,CAAC;AACxE,QAAMO,aAAaC,uBAAAA,iBAAiBC,MAAAA,MAAMrB,IAAI,aAAa,CAAC;AAEtDsB,QAAAA,SAASD,MAAAA,MAAMrB,IAAI,MAAM;AAE/B,QAAMuB,cAAeC,CAAU,UAAA;AAE7BR,YAAQ,KAAK;AACbT,yCAAWiB,OAAO;AAAA,EAAK;AAIzB,QAAMC,gBAAiBD,CAAU,UAAA;AAC/B,QAAIE,oBAAWF,OAAOG,cAAcC,cAAAA,GAAG,GAAG;AACxC,YAAMC,OAAOL,MAAMM,WAAWX,WAAWY,YAAYZ,WAAWa;AAC5DH,UAAAA;AAAMI,mBAAW,MAAMJ,KAAKK,MAAK,GAAI,CAAC;AAC1CX,kBAAYC,KAAK;AAAA,IACnB;AACAA,UAAMW,eAAgB;AAAA,EAAA;AAGxB,QAAMC,oBAAqBC,CAAiB,iBAAA;;AAC1CA,uDAAcC,qBAAqB,MAAM,OAAzCD,mBAA6CH;AAAAA,EAAO;AAGtD,QAAMK,kBACHC,+BAAAC,oBAAAA,cAAA,EACC,MAAI,MACJ,SAAS5B,UACT,IAAIQ,MAAAA,MAAMrB,IAAI,aAAa,GAC3B,WAAW0C,cAAAA,QACTC,4BAAoBxC,MACpBF,mCAASE,MACTY,QAAQ2B,cAAAA,QAAKC,oBAAoBC,QAAAA,cAAc3C,mCAAS2C,YAAY,CAAC,GAEvE,iBAAe7B,MACf,UACA,cAAW,iBACX,OAAOA,MAENZ,kBAASqC,2BAAAA,IAAAK,gBAAA,qBAAA,EAAoB,OAAOnC,WAAW,UAAUoC,QAAa,EACzE,CAAA;AAGF,QAAMC,YAAYC,MAAAA,QAAQ,MAAM3C,SAAS4C,MAAOC,CAAAA,OAAO,CAACA,GAAG/C,IAAI,GAAG,CAACE,QAAQ,CAAC;AAC5E,QAAM8C,cAAc;AAAA,IAClBC,OAAO;AAAA,MACLC,QAAQC,YAAAA,MAAMC,SAASC;AAAAA,MACvBC,OAAO;AAAA,MACPC,UAAU;AAAA,IACZ;AAAA,EAAA;AAIA,SAAAlB,+BAACmB,MAAAA,cACE,UAAC,CAAA;AAAA,IAAEC;AAAAA,EACF,MAAApB,2BAAA,IAACqB,oBACC,oBAAA,EAAA,IACA,WAAWnB,cAAAA,QACTxC,WACAyC,oBAAAA,QAAoBmB,WACpB7D,mCAAS6D,SAAS,GAEpB,SAAS;AAAA,IACPC,MAAMrB,cACJC,QAAAA,oBAAAA,QAAoBoB,MACpB9D,mCAAS8D,MACTH,IAAI;AAAA,MACFI,SAAS;AAAA,MACTP,OAAO;AAAA,MACP,yBAAyB;AAAA,QACvB,GAAGQ,WAAAA;AAAAA,MACL;AAAA,IAAA,CACD,CAAC;AAAA,IAEJH,WAAWpB,cAAAA,QACTC,oBAAAA,QAAoBuB,eACpBjE,mCAASiE,aAAa;AAAA,EAAA,GAG1B,UAAUnD,QAAQ,CAACL,UACnB,WAAW6B,iBACX,iBAAc,QACd,WACA,eAAa,MACb,eACA,UAAU,CAAC4B,GAAGC,MAAM;AAElBpD,YAAQoD,CAAC;AACT7D,yCAAW4D,GAAGC;AAAAA,EAChB,GACA,UACA,qBAAqBhC,mBACrB,aAAae,aACTrC,GAAAA,QAEJ,UAAA0B,2BAAAA,IAAC6B,oBACC,aAAA,EAAA,UAAA7B,2BAAAA,IAAC8B,eACC,IAAIhD,QACJ,QAAQjB,UACR,YAAY,OACZ,WACA,SAAS,CAACmB,OAAO+C,SAAS;AACxB,QAAI,CAAC9D;AAAYc,kBAAYC,KAAK;AAClChB,uCAAUgB,OAAO+C;AAAAA,EAAI,GAEvB,WAAW9C,eACX,SAAS;AAAA,IACPsC,MAAMrB,cAAAA,QAAKC,oBAAAA,QAAoB6B,UAAUvE,mCAASuE,QAAQ;AAAA,EAC5D,EAAA,CAAE,EAEN,CAAA,GACF,EAEJ,CAAA;AAEJ;AAEA,MAAeC,mBAAAA,OAAAA,QAAO1E,cAAc;;"}

package/dist/cjs/components/DropDownMenu/DropDownMenu.styles.cjs

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const transientOptions = require("../../utils/transientOptions.cjs");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const BaseDropdown = require("../BaseDropdown/BaseDropdown.cjs");
+const Panel = require("../Panel/Panel.cjs");
+const Button = require("../Button/Button.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).";
+}
+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 StyledBaseDropDown = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown.HvBaseDropdown, { ...props }), process.env.NODE_ENV === "production" ? {
+  target: "e13q7myz2"
+} : {
+  target: "e13q7myz2",
+  label: "StyledBaseDropDown"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1p2i2oq",
+  styles: "width:32px"
+} : {
+  name: "1p2i2oq",
+  styles: "width:32px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcERvd25NZW51L0Ryb3BEb3duTWVudS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Ryb3BEb3duTWVudS9Ecm9wRG93bk1lbnUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCYXNlRHJvcGRvd24sIEh2QnV0dG9uLCBIdlBhbmVsIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZURyb3BEb3duID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPlxuKSkoe1xuICB3aWR0aDogMzIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgSHZCdXR0b24sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJG9wZW4gfTogeyAkb3BlbjogYm9vbGVhbiB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBib3hTaXppbmc6IFwiY29udGVudC1ib3hcIixcbiAgcGFkZGluZzogMCxcblxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRyb3BEb3duTWVudS5ib3JkZXJSYWRpdXMsXG4gIGJvcmRlcjogdGhlbWUuZHJvcERvd25NZW51LmJvcmRlckNsb3NlZCxcbiAgYm9yZGVyQm90dG9tOiBcIm5vbmVcIixcblxuICAuLi4oJG9wZW4gJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICB9LFxuXG4gICAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICB9LFxuXG4gICAgYm9yZGVyUmFkaXVzOiBcIjJweCAycHggMHB4IDBweFwiLFxuICAgIGJvcmRlcjogdGhlbWUuZHJvcERvd25NZW51LmJvcmRlck9wZW5lZCxcbiAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhbmVsID0gc3R5bGVkKEh2UGFuZWwpKHtcbiAgYm9yZGVyOiB0aGVtZS5kcm9wRG93bk1lbnUuYm9yZGVyT3BlbmVkLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRyb3BEb3duTWVudS5ib3JkZXJSYWRpdXMsXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledButton = /* @__PURE__ */ _styled__default.default(Button.HvButton, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e13q7myz1"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "e13q7myz1",
+  label: "StyledButton"
+}, transientOptions.transientOptions))(({
+  $open
+}) => ({
+  position: "relative",
+  boxSizing: "content-box",
+  padding: 0,
+  borderRadius: uikitStyles.theme.dropDownMenu.borderRadius,
+  border: uikitStyles.theme.dropDownMenu.borderClosed,
+  borderBottom: "none",
+  ...$open && {
+    backgroundColor: uikitStyles.theme.colors.atmo1,
+    boxShadow: uikitStyles.theme.shadows[1],
+    "&:hover": {
+      backgroundColor: uikitStyles.theme.colors.atmo1
+    },
+    "& svg .color0": {
+      fill: uikitStyles.theme.colors.acce1
+    },
+    borderRadius: "2px 2px 0px 0px",
+    border: uikitStyles.theme.dropDownMenu.borderOpened,
+    borderBottom: "none"
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcERvd25NZW51L0Ryb3BEb3duTWVudS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVc0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Ryb3BEb3duTWVudS9Ecm9wRG93bk1lbnUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCYXNlRHJvcGRvd24sIEh2QnV0dG9uLCBIdlBhbmVsIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZURyb3BEb3duID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPlxuKSkoe1xuICB3aWR0aDogMzIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgSHZCdXR0b24sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJG9wZW4gfTogeyAkb3BlbjogYm9vbGVhbiB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBib3hTaXppbmc6IFwiY29udGVudC1ib3hcIixcbiAgcGFkZGluZzogMCxcblxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRyb3BEb3duTWVudS5ib3JkZXJSYWRpdXMsXG4gIGJvcmRlcjogdGhlbWUuZHJvcERvd25NZW51LmJvcmRlckNsb3NlZCxcbiAgYm9yZGVyQm90dG9tOiBcIm5vbmVcIixcblxuICAuLi4oJG9wZW4gJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICB9LFxuXG4gICAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICB9LFxuXG4gICAgYm9yZGVyUmFkaXVzOiBcIjJweCAycHggMHB4IDBweFwiLFxuICAgIGJvcmRlcjogdGhlbWUuZHJvcERvd25NZW51LmJvcmRlck9wZW5lZCxcbiAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhbmVsID0gc3R5bGVkKEh2UGFuZWwpKHtcbiAgYm9yZGVyOiB0aGVtZS5kcm9wRG93bk1lbnUuYm9yZGVyT3BlbmVkLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRyb3BEb3duTWVudS5ib3JkZXJSYWRpdXMsXG59KTtcbiJdfQ== */");
+const StyledPanel = /* @__PURE__ */ _styled__default.default(Panel.HvPanel, process.env.NODE_ENV === "production" ? {
+  target: "e13q7myz0"
+} : {
+  target: "e13q7myz0",
+  label: "StyledPanel"
+})({
+  border: uikitStyles.theme.dropDownMenu.borderOpened,
+  borderRadius: uikitStyles.theme.dropDownMenu.borderRadius
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcERvd25NZW51L0Ryb3BEb3duTWVudS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Ecm9wRG93bk1lbnUvRHJvcERvd25NZW51LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2QmFzZURyb3Bkb3duLCBIdkJ1dHRvbiwgSHZQYW5lbCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhc2VEcm9wRG93biA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2QmFzZURyb3Bkb3duIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgd2lkdGg6IDMyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIEh2QnV0dG9uLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRvcGVuIH06IHsgJG9wZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgYm94U2l6aW5nOiBcImNvbnRlbnQtYm94XCIsXG4gIHBhZGRpbmc6IDAsXG5cbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kcm9wRG93bk1lbnUuYm9yZGVyUmFkaXVzLFxuICBib3JkZXI6IHRoZW1lLmRyb3BEb3duTWVudS5ib3JkZXJDbG9zZWQsXG4gIGJvcmRlckJvdHRvbTogXCJub25lXCIsXG5cbiAgLi4uKCRvcGVuICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICBib3hTaGFkb3c6IHRoZW1lLnNoYWRvd3NbMV0sXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgfSxcblxuICAgIFwiJiBzdmcgLmNvbG9yMFwiOiB7XG4gICAgICBmaWxsOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgfSxcblxuICAgIGJvcmRlclJhZGl1czogXCIycHggMnB4IDBweCAwcHhcIixcbiAgICBib3JkZXI6IHRoZW1lLmRyb3BEb3duTWVudS5ib3JkZXJPcGVuZWQsXG4gICAgYm9yZGVyQm90dG9tOiBcIm5vbmVcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYW5lbCA9IHN0eWxlZChIdlBhbmVsKSh7XG4gIGJvcmRlcjogdGhlbWUuZHJvcERvd25NZW51LmJvcmRlck9wZW5lZCxcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kcm9wRG93bk1lbnUuYm9yZGVyUmFkaXVzLFxufSk7XG4iXX0= */");
+exports.StyledBaseDropDown = StyledBaseDropDown;
+exports.StyledButton = StyledButton;
+exports.StyledPanel = StyledPanel;
+//# sourceMappingURL=DropDownMenu.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownMenu.styles.cjs","sources":["../../../../src/components/DropDownMenu/DropDownMenu.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvBaseDropdown, HvButton, HvPanel } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledBaseDropDown = styled((props) => (\n  <HvBaseDropdown {...props} />\n))({\n  width: 32,\n});\n\nexport const StyledButton = styled(\n  HvButton,\n  transientOptions\n)(({ $open }: { $open: boolean }) => ({\n  position: \"relative\",\n  boxSizing: \"content-box\",\n  padding: 0,\n\n  borderRadius: theme.dropDownMenu.borderRadius,\n  border: theme.dropDownMenu.borderClosed,\n  borderBottom: \"none\",\n\n  ...($open && {\n    backgroundColor: theme.colors.atmo1,\n    boxShadow: theme.shadows[1],\n\n    \"&:hover\": {\n      backgroundColor: theme.colors.atmo1,\n    },\n\n    \"& svg .color0\": {\n      fill: theme.colors.acce1,\n    },\n\n    borderRadius: \"2px 2px 0px 0px\",\n    border: theme.dropDownMenu.borderOpened,\n    borderBottom: \"none\",\n  }),\n}));\n\nexport const StyledPanel = styled(HvPanel)({\n  border: theme.dropDownMenu.borderOpened,\n  borderRadius: theme.dropDownMenu.borderRadius,\n});\n"],"names":["StyledBaseDropDown","props","jsx","HvBaseDropdown","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledButton","HvButton","_extends","transientOptions","$open","position","boxSizing","padding","borderRadius","theme","dropDownMenu","border","borderClosed","borderBottom","backgroundColor","colors","atmo1","boxShadow","shadows","fill","acce1","borderOpened","StyledPanel","HvPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,qBAA6BC,iCAAAA,QAAAA,CAAAA,UACvCC,2BAAAA,IAAAC,aAAAA,gBAAA,EAAmBF,GAAAA,MAAAA,CACrB,GAAAG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEA;AAEWC,MAAAA,wDACXC,OAAAA,UAAQX,QAAAC,IAAAC,4BAAAU,SAAA,IAAA;AAAA,EAAAT,QAAA;AAAA,GACRU,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAT,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBS,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAA0B,OAAO;AAAA,EACpCC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,SAAS;AAAA,EAETC,cAAcC,YAAAA,MAAMC,aAAaF;AAAAA,EACjCG,QAAQF,YAAAA,MAAMC,aAAaE;AAAAA,EAC3BC,cAAc;AAAA,EAEd,GAAIT,SAAS;AAAA,IACXU,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,IAC9BC,WAAWR,YAAAA,MAAMS,QAAQ;AAAA,IAEzB,WAAW;AAAA,MACTJ,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,IAChC;AAAA,IAEA,iBAAiB;AAAA,MACfG,MAAMV,YAAAA,MAAMM,OAAOK;AAAAA,IACrB;AAAA,IAEAZ,cAAc;AAAA,IACdG,QAAQF,YAAAA,MAAMC,aAAaW;AAAAA,IAC3BR,cAAc;AAAA,EAChB;AACF,IAAEvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,igEAAA;AAEI,MAAM8B,cAAqBC,iCAAAA,QAAAA,MAAAA,SAAOjC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCiB,QAAQF,YAAAA,MAAMC,aAAaW;AAAAA,EAC3Bb,cAAcC,YAAAA,MAAMC,aAAaF;AACnC,GAAClB,QAAAC,IAAAC,aAAC,eAAA,KAAA,igEAAA;;;;"}

package/dist/cjs/components/DropDownMenu/dropDownMenuClasses.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", "container", "baseContainer", "icon", "iconSelected", "menuList"];
+const dropDownMenuClasses = classes.getClasses(classKeys, "HvDropDownMenu");
+const dropDownMenuClasses$1 = dropDownMenuClasses;
+exports.default = dropDownMenuClasses$1;
+//# sourceMappingURL=dropDownMenuClasses.cjs.map

package/dist/cjs/components/DropDownMenu/dropDownMenuClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropDownMenuClasses.cjs","sources":["../../../../src/components/DropDownMenu/dropDownMenuClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDropDownMenuClasses = {\n  /** Styles applied to the root. */\n  root?: string;\n  /** Styles applied to the container. */\n  container?: string;\n  /** Styles applied to the BaseDropdown container. */\n  baseContainer?: string;\n  /** Styles applied to the icon. */\n  icon?: string;\n  /** Styles applied to the icon when selected. */\n  iconSelected?: string;\n  /** Styles applied to the list. */\n  menuList?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"container\",\n  \"baseContainer\",\n  \"icon\",\n  \"iconSelected\",\n  \"menuList\",\n];\n\nconst dropDownMenuClasses = getClasses<HvDropDownMenuClasses>(\n  classKeys,\n  \"HvDropDownMenu\"\n);\n\nexport default dropDownMenuClasses;\n"],"names":["classKeys","dropDownMenuClasses","getClasses"],"mappings":";;;AAiBA,MAAMA,YAAsB,CAC1B,QACA,aACA,iBACA,QACA,gBACA,UAAU;AAGZ,MAAMC,sBAAsBC,QAC1BF,WAAAA,WACA,gBAAgB;AAGlB,MAAA,wBAAeC;;"}