@hitachivantara/uikit-react-core 5.0.0-next.2 → 5.0.0-next.20

package/dist/cjs/components/Calendar/CalendarHeader/calendarHeaderClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendarHeaderClasses.cjs","sources":["../../../../../src/components/Calendar/CalendarHeader/calendarHeaderClasses.tsx"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvCalendarHeaderClasses = {\n  root?: string;\n  invalid?: string;\n  headerDayOfWeek?: string;\n  headerDate?: string;\n  input?: string;\n  inputBorderContainer?: string;\n  invalidMessageStyling?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"invalid\",\n  \"headerDayOfWeek\",\n  \"headerDate\",\n  \"input\",\n  \"inputBorderContainer\",\n  \"invalidMessageStyling\",\n];\n\nconst calendarHeaderClasses = getClasses<HvCalendarHeaderClasses>(\n  classKeys,\n  \"HvCalendarHeader\"\n);\n\nexport default calendarHeaderClasses;\n"],"names":["classKeys","calendarHeaderClasses","getClasses"],"mappings":";;;AAYA,MAAMA,YAAsB,CAC1B,QACA,WACA,mBACA,cACA,SACA,wBACA,uBAAuB;AAGzB,MAAMC,wBAAwBC,QAC5BF,WAAAA,WACA,kBAAkB;AAGpB,MAAA,0BAAeC;;"}

package/dist/cjs/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.cjs

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("../../utils.cjs");
+const enums = require("../../enums.cjs");
+const clsx = require("clsx");
+const composedNavigationClasses = require("./composedNavigationClasses.cjs");
+const ComposedNavigation_styles = require("./ComposedNavigation.styles.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Navigation = require("../Navigation/Navigation.cjs");
+const setId = require("../../../../utils/setId.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const HvComposedNavigation = ({
+  classes,
+  id,
+  locale,
+  onChange,
+  onViewModeChange,
+  visibleYear,
+  visibleMonth,
+  ...others
+}) => {
+  const listMonthNamesLong = utils.getMonthNamesList(locale, enums.REPRESENTATION_VALUES.LONG);
+  const monthName = listMonthNamesLong[visibleMonth - 1];
+  return /* @__PURE__ */ jsxRuntime.jsxs(ComposedNavigation_styles.StyledNavigationContainer, {
+    className: clsx__default.default(composedNavigationClasses.default.navigationContainer, classes == null ? void 0 : classes.navigationContainer),
+    ...others,
+    children: [/* @__PURE__ */ jsxRuntime.jsx(ComposedNavigation_styles.StyledNavigationMonth, {
+      className: clsx__default.default(composedNavigationClasses.default.navigationMonth, classes == null ? void 0 : classes.navigationMonth),
+      children: /* @__PURE__ */ jsxRuntime.jsx(Navigation.Navigation, {
+        id: setId.setId(id, "navigation-month"),
+        navigationText: monthName,
+        onNavigatePrevious: (event) => {
+          onChange == null ? void 0 : onChange(event, enums.NAV_OPTIONS.PREVIOUS_MONTH);
+        },
+        onNavigateNext: (event) => {
+          onChange == null ? void 0 : onChange(event, enums.NAV_OPTIONS.NEXT_MONTH);
+        },
+        onTextClick: () => {
+          onViewModeChange(enums.VIEW_MODE.MONTHLY);
+        },
+        className: clsx__default.default(composedNavigationClasses.default.navigationMonth, classes == null ? void 0 : classes.navigationMonth)
+      })
+    }), /* @__PURE__ */ jsxRuntime.jsx(Navigation.Navigation, {
+      id: setId.setId(id, "navigation-year"),
+      navigationText: visibleYear.toString(),
+      onNavigatePrevious: (event) => {
+        onChange == null ? void 0 : onChange(event, enums.NAV_OPTIONS.PREVIOUS_YEAR);
+      },
+      onNavigateNext: (event) => {
+        onChange == null ? void 0 : onChange(event, enums.NAV_OPTIONS.NEXT_YEAR);
+      }
+    })]
+  });
+};
+exports.HvComposedNavigation = HvComposedNavigation;
+//# sourceMappingURL=ComposedNavigation.cjs.map

package/dist/cjs/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposedNavigation.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.tsx"],"sourcesContent":["import { getMonthNamesList } from \"../../utils\";\nimport { NAV_OPTIONS, VIEW_MODE, REPRESENTATION_VALUES } from \"../../enums\";\nimport { setId } from \"utils\";\nimport { Navigation } from \"../Navigation\";\nimport clsx from \"clsx\";\nimport composedNavigationClasses, {\n  HvComposedNavigationClasses,\n} from \"./composedNavigationClasses\";\nimport {\n  StyledNavigationContainer,\n  StyledNavigationMonth,\n} from \"./ComposedNavigation.styles\";\nimport { VisibilitySelectorActions } from \"../../Calendar\";\n\nexport const HvComposedNavigation = ({\n  classes,\n  id,\n  locale,\n  onChange,\n  onViewModeChange,\n  visibleYear,\n  visibleMonth,\n  ...others\n}: HvComposedNavigationProps) => {\n  const listMonthNamesLong = getMonthNamesList(\n    locale,\n    REPRESENTATION_VALUES.LONG\n  );\n  const monthName = listMonthNamesLong[visibleMonth - 1];\n\n  return (\n    <StyledNavigationContainer\n      className={clsx(\n        composedNavigationClasses.navigationContainer,\n        classes?.navigationContainer\n      )}\n      {...others}\n    >\n      <StyledNavigationMonth\n        className={clsx(\n          composedNavigationClasses.navigationMonth,\n          classes?.navigationMonth\n        )}\n      >\n        <Navigation\n          id={setId(id, \"navigation-month\")}\n          navigationText={monthName}\n          onNavigatePrevious={(event) => {\n            onChange?.(event, NAV_OPTIONS.PREVIOUS_MONTH);\n          }}\n          onNavigateNext={(event) => {\n            onChange?.(event, NAV_OPTIONS.NEXT_MONTH);\n          }}\n          onTextClick={() => {\n            onViewModeChange(VIEW_MODE.MONTHLY);\n          }}\n          className={clsx(\n            composedNavigationClasses.navigationMonth,\n            classes?.navigationMonth\n          )}\n        />\n      </StyledNavigationMonth>\n\n      <Navigation\n        id={setId(id, \"navigation-year\")}\n        navigationText={visibleYear.toString()}\n        onNavigatePrevious={(event) => {\n          onChange?.(event, NAV_OPTIONS.PREVIOUS_YEAR);\n        }}\n        onNavigateNext={(event) => {\n          onChange?.(event, NAV_OPTIONS.NEXT_YEAR);\n        }}\n      />\n    </StyledNavigationContainer>\n  );\n};\n\nexport type HvComposedNavigationProps = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvComposedNavigationClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale?: string;\n  /**\n   * Callback to define the input date.\n   */\n  onChange?: (event, action: VisibilitySelectorActions) => void;\n  /**\n   * Callback to define the view mode.\n   */\n  onViewModeChange: (viewMode: string) => void;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: number;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear: number;\n};\n"],"names":["HvComposedNavigation","classes","id","locale","onChange","onViewModeChange","visibleYear","visibleMonth","others","listMonthNamesLong","getMonthNamesList","REPRESENTATION_VALUES","LONG","monthName","StyledNavigationContainer","className","clsx","composedNavigationClasses","navigationContainer","children","_jsx","StyledNavigationMonth","navigationMonth","Navigation","setId","navigationText","onNavigatePrevious","event","NAV_OPTIONS","PREVIOUS_MONTH","onNavigateNext","NEXT_MONTH","onTextClick","VIEW_MODE","MONTHLY","toString","PREVIOUS_YEAR","NEXT_YEAR"],"mappings":";;;;;;;;;;;;AAcO,MAAMA,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACsB,MAAM;AAC/B,QAAMC,qBAAqBC,MAAAA,kBACzBP,QACAQ,MAAAA,sBAAsBC,IAAI;AAEtBC,QAAAA,YAAYJ,mBAAmBF,eAAe,CAAC;AAErD,yCACGO,0BAAAA,2BAAyB;AAAA,IACxBC,WAAWC,cAAAA,QACTC,0BAAAA,QAA0BC,qBAC1BjB,mCAASiB,mBAAmB;AAAA,IAC5B,GACEV;AAAAA,IAAMW,UAAA,CAEVC,2BAAAA,IAACC,iDAAqB;AAAA,MACpBN,WAAWC,cAAAA,QACTC,0BAAAA,QAA0BK,iBAC1BrB,mCAASqB,eAAe;AAAA,MACxBH,yCAEDI,uBAAU;AAAA,QACTrB,IAAIsB,MAAAA,MAAMtB,IAAI,kBAAkB;AAAA,QAChCuB,gBAAgBZ;AAAAA,QAChBa,oBAAqBC,CAAU,UAAA;AAClBA,+CAAAA,OAAOC,kBAAYC;AAAAA,QAChC;AAAA,QACAC,gBAAiBH,CAAU,UAAA;AACdA,+CAAAA,OAAOC,kBAAYG;AAAAA,QAChC;AAAA,QACAC,aAAaA,MAAM;AACjB3B,2BAAiB4B,MAAAA,UAAUC,OAAO;AAAA,QACpC;AAAA,QACAnB,WAAWC,cAAAA,QACTC,0BAAAA,QAA0BK,iBAC1BrB,mCAASqB,eAAe;AAAA,MAAA,CACxB;AAAA,IAAA,CAEkB,GAExBF,2BAAAA,IAACG,uBAAU;AAAA,MACTrB,IAAIsB,MAAAA,MAAMtB,IAAI,iBAAiB;AAAA,MAC/BuB,gBAAgBnB,YAAY6B,SAAW;AAAA,MACvCT,oBAAqBC,CAAU,UAAA;AAClBA,6CAAAA,OAAOC,kBAAYQ;AAAAA,MAChC;AAAA,MACAN,gBAAiBH,CAAU,UAAA;AACdA,6CAAAA,OAAOC,kBAAYS;AAAAA,MAChC;AAAA,IAAA,CACA,CAAA;AAAA,EAAA,CACwB;AAEhC;;"}

package/dist/cjs/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.styles.cjs

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("@emotion/styled/base");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+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 StyledNavigationContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "es2ikxx1"
+} : {
+  target: "es2ikxx1",
+  label: "StyledNavigationContainer"
+})({
+  display: "flex",
+  justifyContent: "space-between",
+  padding: uikitStyles.theme.spacing(["xs", 0])
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL0NvbXBvc2VkTmF2aWdhdGlvbi9Db21wb3NlZE5hdmlnYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHeUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhck5hdmlnYXRpb24vQ29tcG9zZWROYXZpZ2F0aW9uL0NvbXBvc2VkTmF2aWdhdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZpZ2F0aW9uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgcGFkZGluZzogdGhlbWUuc3BhY2luZyhbXCJ4c1wiLCAwXSksXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdmlnYXRpb25Nb250aCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1pbldpZHRoOiBcIjE2MHB4XCIsXG59KTtcbiJdfQ== */");
+const StyledNavigationMonth = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "es2ikxx0"
+} : {
+  target: "es2ikxx0",
+  label: "StyledNavigationMonth"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1adi3ip",
+  styles: "min-width:160px"
+} : {
+  name: "1adi3ip",
+  styles: "min-width:160px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL0NvbXBvc2VkTmF2aWdhdGlvbi9Db21wb3NlZE5hdmlnYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTcUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhck5hdmlnYXRpb24vQ29tcG9zZWROYXZpZ2F0aW9uL0NvbXBvc2VkTmF2aWdhdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZpZ2F0aW9uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgcGFkZGluZzogdGhlbWUuc3BhY2luZyhbXCJ4c1wiLCAwXSksXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdmlnYXRpb25Nb250aCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1pbldpZHRoOiBcIjE2MHB4XCIsXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.StyledNavigationContainer = StyledNavigationContainer;
+exports.StyledNavigationMonth = StyledNavigationMonth;
+//# sourceMappingURL=ComposedNavigation.styles.cjs.map

package/dist/cjs/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposedNavigation.styles.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledNavigationContainer = styled(\"div\")({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n  padding: theme.spacing([\"xs\", 0]),\n});\n\nexport const StyledNavigationMonth = styled(\"div\")({\n  minWidth: \"160px\",\n});\n"],"names":["StyledNavigationContainer","_styled","process","env","NODE_ENV","target","label","display","justifyContent","padding","theme","spacing","StyledNavigationMonth","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;AAGO,MAAMA,4BAAmCC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACrDC,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,SAASC,YAAAA,MAAMC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAClC,GAACT,QAAAC,IAAAC,aAAC,eAAA,KAAA,6iCAAA;AAEK,MAAMQ,wBAA+BX,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAS,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEhD;;;"}

package/dist/cjs/components/Calendar/CalendarNavigation/ComposedNavigation/composedNavigationClasses.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 = ["navigationContainer", "navigationMonth"];
+const composedNavigationClasses = classes.getClasses(classKeys, "HvComposedNavigation");
+const composedNavigationClasses$1 = composedNavigationClasses;
+exports.default = composedNavigationClasses$1;
+//# sourceMappingURL=composedNavigationClasses.cjs.map

package/dist/cjs/components/Calendar/CalendarNavigation/ComposedNavigation/composedNavigationClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"composedNavigationClasses.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/ComposedNavigation/composedNavigationClasses.tsx"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvComposedNavigationClasses = {\n  navigationContainer?: string;\n  navigationMonth?: string;\n};\n\nconst classKeys: string[] = [\"navigationContainer\", \"navigationMonth\"];\n\nconst composedNavigationClasses = getClasses<HvComposedNavigationClasses>(\n  classKeys,\n  \"HvComposedNavigation\"\n);\n\nexport default composedNavigationClasses;\n"],"names":["classKeys","composedNavigationClasses","getClasses"],"mappings":";;;AAOA,MAAMA,YAAsB,CAAC,uBAAuB,iBAAiB;AAErE,MAAMC,4BAA4BC,QAChCF,WAAAA,WACA,sBAAsB;AAGxB,MAAA,8BAAeC;;"}

package/dist/cjs/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.cjs

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const clsx = require("clsx");
+const utils = require("../../utils.cjs");
+const enums = require("../../enums.cjs");
+const monthSelectorClasses = require("./monthSelectorClasses.cjs");
+const MonthSelector_styles = require("./MonthSelector.styles.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+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 HvMonthSelector = ({
+  classes,
+  id,
+  locale,
+  onChange,
+  onViewModeChange,
+  rangeMode,
+  visibleMonth,
+  ...others
+}) => {
+  const listMonthNamesShort = utils.getMonthNamesList(locale, enums.REPRESENTATION_VALUES.SHORT);
+  const onKeyDownHandler = (event, index) => {
+    if (keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.Enter)) {
+      if (onChange)
+        onChange(event, enums.NAV_OPTIONS.MONTH, index + 1);
+      onViewModeChange(enums.VIEW_MODE.CALENDAR);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(MonthSelector_styles.StyledCalendarMonthlyGrid, {
+    className: clsx__default.default(monthSelectorClasses.default.calendarMonthlyGrid, classes == null ? void 0 : classes.calendarMonthlyGrid, rangeMode ? clsx__default.default(monthSelectorClasses.default.rangeModeWidth, classes == null ? void 0 : classes.rangeModeWidth) : clsx__default.default(monthSelectorClasses.default.normalWidth, classes == null ? void 0 : classes.normalWidth)),
+    children: listMonthNamesShort.map((monthName, index) => /* @__PURE__ */ jsxRuntime.jsx(MonthSelector_styles.StyledFocusSelection, {
+      className: clsx__default.default(monthSelectorClasses.default.focusSelection, classes == null ? void 0 : classes.focusSelection),
+      role: "button",
+      onClick: (event) => {
+        if (onChange)
+          onChange(event, enums.NAV_OPTIONS.MONTH, index + 1);
+        onViewModeChange(enums.VIEW_MODE.CALENDAR);
+      },
+      onKeyDown: (event) => onKeyDownHandler(event, index),
+      tabIndex: 0,
+      ...others,
+      children: /* @__PURE__ */ jsxRuntime.jsx(MonthSelector_styles.StyledCalendarMonthlyCell, {
+        variant: "normalText",
+        className: clsx__default.default(monthSelectorClasses.default.calendarMonthlyCell, classes == null ? void 0 : classes.calendarMonthlyCell, index + 1 === visibleMonth && clsx__default.default(monthSelectorClasses.default.calendarMonthlyCellSelected, classes == null ? void 0 : classes.calendarMonthlyCellSelected)),
+        children: monthName
+      })
+    }, monthName))
+  });
+};
+exports.HvMonthSelector = HvMonthSelector;
+//# sourceMappingURL=MonthSelector.cjs.map

package/dist/cjs/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthSelector.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { isKeypress, keyboardCodes } from \"utils\";\nimport { getMonthNamesList } from \"../../utils\";\nimport { NAV_OPTIONS, VIEW_MODE, REPRESENTATION_VALUES } from \"../../enums\";\nimport monthSelectorClasses, {\n  HvMonthSelectorClasses,\n} from \"./monthSelectorClasses\";\nimport {\n  StyledCalendarMonthlyCell,\n  StyledCalendarMonthlyGrid,\n  StyledFocusSelection,\n} from \"./MonthSelector.styles\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"../../Calendar\";\n\nexport const HvMonthSelector = ({\n  classes,\n  id,\n  locale,\n  onChange,\n  onViewModeChange,\n  rangeMode,\n  visibleMonth,\n  ...others\n}: HvMonthSelectorProps) => {\n  const listMonthNamesShort = getMonthNamesList(\n    locale,\n    REPRESENTATION_VALUES.SHORT\n  );\n  const onKeyDownHandler = (event, index) => {\n    if (isKeypress(event, keyboardCodes.Enter)) {\n      if (onChange) onChange(event, NAV_OPTIONS.MONTH, index + 1);\n      onViewModeChange(VIEW_MODE.CALENDAR);\n    }\n  };\n  return (\n    <StyledCalendarMonthlyGrid\n      className={clsx(\n        monthSelectorClasses.calendarMonthlyGrid,\n        classes?.calendarMonthlyGrid,\n        rangeMode\n          ? clsx(monthSelectorClasses.rangeModeWidth, classes?.rangeModeWidth)\n          : clsx(monthSelectorClasses.normalWidth, classes?.normalWidth)\n      )}\n    >\n      {listMonthNamesShort.map((monthName, index) => (\n        <StyledFocusSelection\n          className={clsx(\n            monthSelectorClasses.focusSelection,\n            classes?.focusSelection\n          )}\n          key={monthName}\n          role=\"button\"\n          onClick={(event) => {\n            if (onChange) onChange(event, NAV_OPTIONS.MONTH, index + 1);\n            onViewModeChange(VIEW_MODE.CALENDAR);\n          }}\n          onKeyDown={(event) => onKeyDownHandler(event, index)}\n          tabIndex={0}\n          {...others}\n        >\n          <StyledCalendarMonthlyCell\n            variant=\"normalText\"\n            className={clsx(\n              monthSelectorClasses.calendarMonthlyCell,\n              classes?.calendarMonthlyCell,\n              index + 1 === visibleMonth &&\n                clsx(\n                  monthSelectorClasses.calendarMonthlyCellSelected,\n                  classes?.calendarMonthlyCellSelected\n                )\n            )}\n          >\n            {monthName}\n          </StyledCalendarMonthlyCell>\n        </StyledFocusSelection>\n      ))}\n    </StyledCalendarMonthlyGrid>\n  );\n};\n\nexport type HvMonthSelectorProps = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvMonthSelectorClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale?: string;\n  /**\n   * Callback to define the input date.\n   */\n  onChange?: (\n    event: any,\n    action: VisibilitySelectorActions,\n    value: Date | DateRangeProp | number\n  ) => void;\n  /**\n   * Callback to define the input date.\n   */\n  onViewModeChange: (viewMode: string) => void;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: number;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear?: number;\n  rangeMode?: boolean;\n};\n"],"names":["HvMonthSelector","classes","id","locale","onChange","onViewModeChange","rangeMode","visibleMonth","others","listMonthNamesShort","getMonthNamesList","REPRESENTATION_VALUES","SHORT","onKeyDownHandler","event","index","isKeypress","keyboardCodes","Enter","NAV_OPTIONS","MONTH","VIEW_MODE","CALENDAR","StyledCalendarMonthlyGrid","className","clsx","monthSelectorClasses","calendarMonthlyGrid","rangeModeWidth","normalWidth","children","map","monthName","StyledFocusSelection","focusSelection","role","onClick","onKeyDown","tabIndex","StyledCalendarMonthlyCell","variant","calendarMonthlyCell","calendarMonthlyCellSelected"],"mappings":";;;;;;;;;;;;AAcO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,MAAM;AAC1B,QAAMC,sBAAsBC,MAAAA,kBAC1BP,QACAQ,MAAAA,sBAAsBC,KAAK;AAEvBC,QAAAA,mBAAmBA,CAACC,OAAOC,UAAU;AACzC,QAAIC,oBAAWF,OAAOG,cAAcC,cAAAA,KAAK,GAAG;AACtCd,UAAAA;AAAUA,iBAASU,OAAOK,MAAAA,YAAYC,OAAOL,QAAQ,CAAC;AAC1DV,uBAAiBgB,MAAAA,UAAUC,QAAQ;AAAA,IACrC;AAAA,EAAA;AAEF,wCACGC,qBAAAA,2BAAyB;AAAA,IACxBC,WAAWC,cACTC,QAAAA,6BAAqBC,qBACrB1B,mCAAS0B,qBACTrB,YACImB,sBAAKC,qBAAAA,QAAqBE,gBAAgB3B,mCAAS2B,cAAc,IACjEH,cAAAA,QAAKC,6BAAqBG,aAAa5B,mCAAS4B,WAAW,CAAC;AAAA,IAChEC,UAEDrB,oBAAoBsB,IAAI,CAACC,WAAWjB,yCAClCkB,2CAAoB;AAAA,MACnBT,WAAWC,cAAAA,QACTC,qBAAAA,QAAqBQ,gBACrBjC,mCAASiC,cAAc;AAAA,MAGzBC,MAAK;AAAA,MACLC,SAAUtB,CAAU,UAAA;AACdV,YAAAA;AAAUA,mBAASU,OAAOK,MAAAA,YAAYC,OAAOL,QAAQ,CAAC;AAC1DV,yBAAiBgB,MAAAA,UAAUC,QAAQ;AAAA,MACrC;AAAA,MACAe,WAAYvB,CAAAA,UAAUD,iBAAiBC,OAAOC,KAAK;AAAA,MACnDuB,UAAU;AAAA,MAAE,GACR9B;AAAAA,MAAMsB,yCAETS,gDAAyB;AAAA,QACxBC,SAAQ;AAAA,QACRhB,WAAWC,cAAAA,QACTC,qBAAqBe,QAAAA,qBACrBxC,mCAASwC,qBACT1B,QAAQ,MAAMR,gBACZkB,cACEC,QAAAA,qBAAAA,QAAqBgB,6BACrBzC,mCAASyC,2BAA2B,CACrC;AAAA,QACHZ,UAEDE;AAAAA,MAAAA,CAAS;AAAA,IACgB,GAvBvBA,SAAS,CAyBjB;AAAA,EAAA,CACyB;AAEhC;;"}

package/dist/cjs/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.styles.cjs

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("@emotion/styled/base");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const monthSelectorClasses = require("./monthSelectorClasses.cjs");
+const focusUtils = require("../../../../utils/focusUtils.cjs");
+const Typography = require("../../../Typography/Typography.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const hover = {
+  backgroundColor: uikitStyles.theme.colors.atmo3,
+  cursor: "pointer"
+};
+const StyledFocusSelection = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1qytey12"
+} : {
+  target: "e1qytey12",
+  label: "StyledFocusSelection"
+})({
+  "&:hover": {
+    ...hover
+  },
+  "&:focus": {
+    outline: "none"
+  },
+  "&:focus-visible": {
+    ...hover,
+    ...focusUtils.outlineStyles
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL01vbnRoU2VsZWN0b3IvTW9udGhTZWxlY3Rvci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdvQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NhbGVuZGFyL0NhbGVuZGFyTmF2aWdhdGlvbi9Nb250aFNlbGVjdG9yL01vbnRoU2VsZWN0b3Iuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcbmltcG9ydCBtb250aFNlbGVjdG9yQ2xhc3NlcyBmcm9tIFwiLi9tb250aFNlbGVjdG9yQ2xhc3Nlc1wiO1xuXG5jb25zdCBob3ZlciA9IHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9jdXNTZWxlY3Rpb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICBcIiY6aG92ZXJcIjoge1xuICAgIC4uLmhvdmVyLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4uaG92ZXIsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJNb250aGx5R3JpZCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblRvcDogXCI1MHB4XCIsXG4gIG1hcmdpbkxlZnQ6IFwiLTE2cHhcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHpJbmRleDogXCIxMFwiLFxuICBwYWRkaW5nOiBcIjAgMjBweFwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBmbGV4RmxvdzogXCJ3cmFwXCIsXG4gIGFsaWduQ29udGVudDogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtZXZlbmx5XCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhck1vbnRobHlDZWxsID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjQwcHhcIixcbiAgd2lkdGg6IFwiOTJweFwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIC4uLmhvdmVyLFxuICB9LFxuICBbYCYuJHttb250aFNlbGVjdG9yQ2xhc3Nlcy5jYWxlbmRhck1vbnRobHlDZWxsU2VsZWN0ZWR9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgfSxcbiAgfSxcbn0pO1xuIl19 */");
+const StyledCalendarMonthlyGrid = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1qytey11"
+} : {
+  target: "e1qytey11",
+  label: "StyledCalendarMonthlyGrid"
+})({
+  marginTop: "50px",
+  marginLeft: "-16px",
+  display: "flex",
+  zIndex: "10",
+  padding: "0 20px",
+  position: "absolute",
+  flexFlow: "wrap",
+  alignContent: "center",
+  justifyContent: "space-evenly",
+  backgroundColor: uikitStyles.theme.colors.atmo1
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL01vbnRoU2VsZWN0b3IvTW9udGhTZWxlY3Rvci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCeUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhck5hdmlnYXRpb24vTW9udGhTZWxlY3Rvci9Nb250aFNlbGVjdG9yLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgbW9udGhTZWxlY3RvckNsYXNzZXMgZnJvbSBcIi4vbW9udGhTZWxlY3RvckNsYXNzZXNcIjtcblxuY29uc3QgaG92ZXIgPSB7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvY3VzU2VsZWN0aW9uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgXCImOmhvdmVyXCI6IHtcbiAgICAuLi5ob3ZlcixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLmhvdmVyLFxuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyTW9udGhseUdyaWQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Ub3A6IFwiNTBweFwiLFxuICBtYXJnaW5MZWZ0OiBcIi0xNnB4XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB6SW5kZXg6IFwiMTBcIixcbiAgcGFkZGluZzogXCIwIDIwcHhcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgZmxleEZsb3c6IFwid3JhcFwiLFxuICBhbGlnbkNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWV2ZW5seVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJNb250aGx5Q2VsbCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIHdpZHRoOiBcIjkycHhcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICAuLi5ob3ZlcixcbiAgfSxcbiAgW2AmLiR7bW9udGhTZWxlY3RvckNsYXNzZXMuY2FsZW5kYXJNb250aGx5Q2VsbFNlbGVjdGVkfWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
+const StyledCalendarMonthlyCell = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? {
+  target: "e1qytey10"
+} : {
+  target: "e1qytey10",
+  label: "StyledCalendarMonthlyCell"
+})({
+  display: "flex",
+  justifyContent: "center",
+  flexDirection: "column",
+  textAlign: "center",
+  height: "40px",
+  width: "92px",
+  "&:hover": {
+    ...hover
+  },
+  [`&.${monthSelectorClasses.default.calendarMonthlyCellSelected}`]: {
+    backgroundColor: uikitStyles.theme.colors.atmo3,
+    color: uikitStyles.theme.colors.acce1,
+    "&:hover": {
+      backgroundColor: uikitStyles.theme.colors.atmo3,
+      color: uikitStyles.theme.colors.acce1
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL01vbnRoU2VsZWN0b3IvTW9udGhTZWxlY3Rvci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDeUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhck5hdmlnYXRpb24vTW9udGhTZWxlY3Rvci9Nb250aFNlbGVjdG9yLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgbW9udGhTZWxlY3RvckNsYXNzZXMgZnJvbSBcIi4vbW9udGhTZWxlY3RvckNsYXNzZXNcIjtcblxuY29uc3QgaG92ZXIgPSB7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvY3VzU2VsZWN0aW9uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgXCImOmhvdmVyXCI6IHtcbiAgICAuLi5ob3ZlcixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLmhvdmVyLFxuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyTW9udGhseUdyaWQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Ub3A6IFwiNTBweFwiLFxuICBtYXJnaW5MZWZ0OiBcIi0xNnB4XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB6SW5kZXg6IFwiMTBcIixcbiAgcGFkZGluZzogXCIwIDIwcHhcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgZmxleEZsb3c6IFwid3JhcFwiLFxuICBhbGlnbkNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWV2ZW5seVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJNb250aGx5Q2VsbCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIHdpZHRoOiBcIjkycHhcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICAuLi5ob3ZlcixcbiAgfSxcbiAgW2AmLiR7bW9udGhTZWxlY3RvckNsYXNzZXMuY2FsZW5kYXJNb250aGx5Q2VsbFNlbGVjdGVkfWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
+exports.StyledCalendarMonthlyCell = StyledCalendarMonthlyCell;
+exports.StyledCalendarMonthlyGrid = StyledCalendarMonthlyGrid;
+exports.StyledFocusSelection = StyledFocusSelection;
+//# sourceMappingURL=MonthSelector.styles.cjs.map

package/dist/cjs/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthSelector.styles.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\nimport { outlineStyles } from \"utils\";\nimport monthSelectorClasses from \"./monthSelectorClasses\";\n\nconst hover = {\n  backgroundColor: theme.colors.atmo3,\n  cursor: \"pointer\",\n};\n\nexport const StyledFocusSelection = styled(\"div\")({\n  \"&:hover\": {\n    ...hover,\n  },\n  \"&:focus\": {\n    outline: \"none\",\n  },\n  \"&:focus-visible\": {\n    ...hover,\n    ...outlineStyles,\n  },\n});\n\nexport const StyledCalendarMonthlyGrid = styled(\"div\")({\n  marginTop: \"50px\",\n  marginLeft: \"-16px\",\n  display: \"flex\",\n  zIndex: \"10\",\n  padding: \"0 20px\",\n  position: \"absolute\",\n  flexFlow: \"wrap\",\n  alignContent: \"center\",\n  justifyContent: \"space-evenly\",\n  backgroundColor: theme.colors.atmo1,\n});\n\nexport const StyledCalendarMonthlyCell = styled(HvTypography)({\n  display: \"flex\",\n  justifyContent: \"center\",\n  flexDirection: \"column\",\n  textAlign: \"center\",\n  height: \"40px\",\n  width: \"92px\",\n  \"&:hover\": {\n    ...hover,\n  },\n  [`&.${monthSelectorClasses.calendarMonthlyCellSelected}`]: {\n    backgroundColor: theme.colors.atmo3,\n    color: theme.colors.acce1,\n    \"&:hover\": {\n      backgroundColor: theme.colors.atmo3,\n      color: theme.colors.acce1,\n    },\n  },\n});\n"],"names":["hover","backgroundColor","theme","colors","atmo3","cursor","StyledFocusSelection","_styled","process","env","NODE_ENV","target","label","outline","outlineStyles","StyledCalendarMonthlyGrid","marginTop","marginLeft","display","zIndex","padding","position","flexFlow","alignContent","justifyContent","atmo1","StyledCalendarMonthlyCell","HvTypography","flexDirection","textAlign","height","width","monthSelectorClasses","calendarMonthlyCellSelected","color","acce1"],"mappings":";;;;;;;;;AAMA,MAAMA,QAAQ;AAAA,EACZC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BC,QAAQ;AACV;AAEO,MAAMC,uBAA8BC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAChD,WAAW;AAAA,IACT,GAAGZ;AAAAA,EACL;AAAA,EACA,WAAW;AAAA,IACTa,SAAS;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,IACjB,GAAGb;AAAAA,IACH,GAAGc,WAAAA;AAAAA,EACL;AACF,GAACN,QAAAC,IAAAC,aAAC,eAAA,KAAA,y4EAAA;AAEK,MAAMK,4BAAmCR,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACrDI,WAAW;AAAA,EACXC,YAAY;AAAA,EACZC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,UAAU;AAAA,EACVC,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,gBAAgB;AAAA,EAChBvB,iBAAiBC,YAAAA,MAAMC,OAAOsB;AAChC,GAACjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,64EAAA;AAEK,MAAMgB,4BAAmCC,iCAAAA,QAAAA,WAAAA,cAAYnB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5DM,SAAS;AAAA,EACTM,gBAAgB;AAAA,EAChBI,eAAe;AAAA,EACfC,WAAW;AAAA,EACXC,QAAQ;AAAA,EACRC,OAAO;AAAA,EACP,WAAW;AAAA,IACT,GAAG/B;AAAAA,EACL;AAAA,EACA,CAAE,KAAIgC,6BAAqBC,6BAA6B,GAAG;AAAA,IACzDhC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAC9B8B,OAAOhC,YAAAA,MAAMC,OAAOgC;AAAAA,IACpB,WAAW;AAAA,MACTlC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,MAC9B8B,OAAOhC,YAAAA,MAAMC,OAAOgC;AAAAA,IACtB;AAAA,EACF;AACF,GAAC3B,QAAAC,IAAAC,aAAC,eAAA,KAAA,64EAAA;;;;"}

package/dist/cjs/components/Calendar/CalendarNavigation/MonthSelector/monthSelectorClasses.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 = ["calendarMonthlyGrid", "rangeModeWidth", "normalWidth", "focusSelection", "calendarMonthlyCell", "calendarMonthlyCellSelected"];
+const monthSelectorClasses = classes.getClasses(classKeys, "HvMothSelector");
+const monthSelectorClasses$1 = monthSelectorClasses;
+exports.default = monthSelectorClasses$1;
+//# sourceMappingURL=monthSelectorClasses.cjs.map

package/dist/cjs/components/Calendar/CalendarNavigation/MonthSelector/monthSelectorClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"monthSelectorClasses.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/MonthSelector/monthSelectorClasses.tsx"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvMonthSelectorClasses = {\n  calendarMonthlyGrid?: string;\n  rangeModeWidth?: string;\n  normalWidth?: string;\n  focusSelection?: string;\n  calendarMonthlyCell?: string;\n  calendarMonthlyCellSelected?: string;\n};\n\nconst classKeys: string[] = [\n  \"calendarMonthlyGrid\",\n  \"rangeModeWidth\",\n  \"normalWidth\",\n  \"focusSelection\",\n  \"calendarMonthlyCell\",\n  \"calendarMonthlyCellSelected\",\n];\n\nconst monthSelectorClasses = getClasses<HvMonthSelectorClasses>(\n  classKeys,\n  \"HvMothSelector\"\n);\n\nexport default monthSelectorClasses;\n"],"names":["classKeys","monthSelectorClasses","getClasses"],"mappings":";;;AAWA,MAAMA,YAAsB,CAC1B,uBACA,kBACA,eACA,kBACA,uBACA,6BAA6B;AAG/B,MAAMC,uBAAuBC,QAC3BF,WAAAA,WACA,gBAAgB;AAGlB,MAAA,yBAAeC;;"}

package/dist/cjs/components/Calendar/CalendarNavigation/Navigation/Navigation.cjs

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const clsx = require("clsx");
+const Navigation_styles = require("./Navigation.styles.cjs");
+const navigationClasses = require("./navigationClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const setId = require("../../../../utils/setId.cjs");
+const Typography = require("../../../Typography/Typography.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 Navigation = ({
+  id,
+  classes,
+  onNavigatePrevious,
+  onNavigateNext,
+  onTextClick,
+  navigationText = "n/a",
+  isPreviousEnabled = true,
+  isNextEnabled = true
+}) => {
+  const onkeyDownHandler = (event, funcAction) => {
+    if (keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.Enter) || keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.Space)) {
+      event.preventDefault();
+      funcAction(event);
+    }
+  };
+  const onTextClickIsFunction = typeof onTextClick === "function";
+  return /* @__PURE__ */ jsxRuntime.jsxs(Navigation_styles.StyledRoot, {
+    className: clsx__default.default(navigationClasses.default.root, classes == null ? void 0 : classes.root),
+    children: [/* @__PURE__ */ jsxRuntime.jsx(Navigation_styles.StyledDropLeftIcon, {
+      id: setId.setId(id, "left"),
+      className: clsx__default.default(navigationClasses.default.icon, classes == null ? void 0 : classes.icon, !isPreviousEnabled && clsx__default.default(navigationClasses.default.disabled, classes == null ? void 0 : classes.disabled)),
+      onClick: isPreviousEnabled ? (event) => onNavigatePrevious(event) : void 0,
+      onKeyDown: (event) => isNextEnabled ? onkeyDownHandler(event, onNavigatePrevious) : void 0,
+      tabIndex: 0
+    }), /* @__PURE__ */ jsxRuntime.jsx(Navigation_styles.StyledText, {
+      id,
+      className: clsx__default.default(onTextClickIsFunction && clsx__default.default(navigationClasses.default.text, classes == null ? void 0 : classes.text), !onTextClickIsFunction && clsx__default.default(navigationClasses.default.textWithoutHover, classes == null ? void 0 : classes.textWithoutHover)),
+      role: "presentation",
+      onClick: onTextClick,
+      onKeyDown: onTextClick && ((event) => onkeyDownHandler(event, onTextClick)),
+      tabIndex: onTextClick ? 0 : -1,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+        variant: "normalText",
+        children: navigationText
+      })
+    }), /* @__PURE__ */ jsxRuntime.jsx(Navigation_styles.StyledDropRightIcon, {
+      id: setId.setId(id, "right"),
+      className: `${clsx__default.default(navigationClasses.default.icon, classes == null ? void 0 : classes.icon)} ${isNextEnabled ? "" : clsx__default.default(navigationClasses.default.disabled, classes == null ? void 0 : classes.disabled)}`,
+      onClick: isNextEnabled ? (event) => onNavigateNext(event) : void 0,
+      onKeyDown: (event) => isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : void 0,
+      tabIndex: 0
+    })]
+  });
+};
+exports.Navigation = Navigation;
+//# sourceMappingURL=Navigation.cjs.map

package/dist/cjs/components/Calendar/CalendarNavigation/Navigation/Navigation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { isKeypress, keyboardCodes, setId } from \"utils\";\nimport { HvTypography } from \"components\";\nimport { HvBaseProps } from \"../../../../types\";\nimport {\n  StyledDropLeftIcon,\n  StyledDropRightIcon,\n  StyledRoot,\n  StyledText,\n} from \"./Navigation.styles\";\nimport navigationClasses, { HvNavigationClasses } from \"./navigationClasses\";\n\nexport const Navigation = ({\n  id,\n  classes,\n  onNavigatePrevious,\n  onNavigateNext,\n  onTextClick,\n  navigationText = \"n/a\",\n  isPreviousEnabled = true,\n  isNextEnabled = true,\n}: NavigationProps) => {\n  const onkeyDownHandler = (event, funcAction) => {\n    if (\n      isKeypress(event, keyboardCodes.Enter) ||\n      isKeypress(event, keyboardCodes.Space)\n    ) {\n      event.preventDefault();\n      funcAction(event);\n    }\n  };\n\n  const onTextClickIsFunction = typeof onTextClick === \"function\";\n\n  return (\n    <StyledRoot className={clsx(navigationClasses.root, classes?.root)}>\n      <StyledDropLeftIcon\n        id={setId(id, \"left\")}\n        className={clsx(\n          navigationClasses.icon,\n          classes?.icon,\n          !isPreviousEnabled &&\n            clsx(navigationClasses.disabled, classes?.disabled)\n        )}\n        onClick={\n          isPreviousEnabled ? (event) => onNavigatePrevious(event) : undefined\n        }\n        onKeyDown={(event) =>\n          isNextEnabled\n            ? onkeyDownHandler(event, onNavigatePrevious)\n            : undefined\n        }\n        tabIndex={0}\n      />\n\n      <StyledText\n        id={id}\n        className={clsx(\n          onTextClickIsFunction && clsx(navigationClasses.text, classes?.text),\n          !onTextClickIsFunction &&\n            clsx(navigationClasses.textWithoutHover, classes?.textWithoutHover)\n        )}\n        role=\"presentation\"\n        onClick={onTextClick}\n        onKeyDown={\n          onTextClick && ((event) => onkeyDownHandler(event, onTextClick))\n        }\n        tabIndex={onTextClick ? 0 : -1}\n      >\n        <HvTypography variant=\"normalText\">{navigationText}</HvTypography>\n      </StyledText>\n\n      <StyledDropRightIcon\n        id={setId(id, \"right\")}\n        className={`${clsx(navigationClasses.icon, classes?.icon)} ${\n          isNextEnabled\n            ? \"\"\n            : clsx(navigationClasses.disabled, classes?.disabled)\n        }`}\n        onClick={isNextEnabled ? (event) => onNavigateNext(event) : undefined}\n        onKeyDown={(event) =>\n          isNextEnabled ? onkeyDownHandler(event, onNavigateNext) : undefined\n        }\n        tabIndex={0}\n      />\n    </StyledRoot>\n  );\n};\n\nexport type NavigationProps = HvBaseProps & {\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvNavigationClasses;\n  /**\n   * A function to be executed whenever the navigate previous action is triggered.\n   */\n  onNavigatePrevious: (event: React.MouseEvent<HTMLDivElement>) => void;\n  /**\n   * A function to be executed whenever the navigate next action is triggered.\n   */\n  onNavigateNext: (event: React.MouseEvent<HTMLDivElement>) => void;\n  /**\n   * A function to be executed whenever the text is clicked.\n   */\n  onTextClick?: () => void;\n  /**\n   * The text that will be shown between the navigation buttons.\n   */\n  navigationText?: string;\n  /**\n   * Flag stating if the previous button should be enabled or disabled.\n   */\n  isPreviousEnabled?: boolean;\n  /**\n   * Flag stating if the next button should be enabled or disabled.\n   */\n  isNextEnabled?: boolean;\n};\n"],"names":["Navigation","id","classes","onNavigatePrevious","onNavigateNext","onTextClick","navigationText","isPreviousEnabled","isNextEnabled","onkeyDownHandler","event","funcAction","isKeypress","keyboardCodes","Enter","Space","preventDefault","onTextClickIsFunction","StyledRoot","className","clsx","navigationClasses","root","children","_jsx","StyledDropLeftIcon","setId","icon","disabled","onClick","undefined","onKeyDown","tabIndex","StyledText","text","textWithoutHover","role","HvTypography","variant","StyledDropRightIcon"],"mappings":";;;;;;;;;;;;AAYO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjBC,oBAAoB;AAAA,EACpBC,gBAAgB;AACD,MAAM;AACfC,QAAAA,mBAAmBA,CAACC,OAAOC,eAAe;AAE5CC,QAAAA,SAAAA,WAAWF,OAAOG,cAAAA,cAAcC,KAAK,KACrCF,SAAAA,WAAWF,OAAOG,4BAAcE,KAAK,GACrC;AACAL,YAAMM,eAAgB;AACtBL,iBAAWD,KAAK;AAAA,IAClB;AAAA,EAAA;AAGIO,QAAAA,wBAAwB,OAAOZ,gBAAgB;AAErD,yCACGa,kBAAAA,YAAU;AAAA,IAACC,WAAWC,cAAAA,QAAKC,kBAAAA,QAAkBC,MAAMpB,mCAASoB,IAAI;AAAA,IAAEC,UAAA,CACjEC,2BAAAA,IAACC,sCAAkB;AAAA,MACjBxB,IAAIyB,MAAAA,MAAMzB,IAAI,MAAM;AAAA,MACpBkB,WAAWC,cAAAA,QACTC,kBAAAA,QAAkBM,MAClBzB,mCAASyB,MACT,CAACpB,qBACCa,cAAKC,QAAAA,kBAAAA,QAAkBO,UAAU1B,mCAAS0B,QAAQ,CAAC;AAAA,MAEvDC,SACEtB,oBAAqBG,CAAUP,UAAAA,mBAAmBO,KAAK,IAAIoB;AAAAA,MAE7DC,WAAYrB,CACVF,UAAAA,gBACIC,iBAAiBC,OAAOP,kBAAkB,IAC1C2B;AAAAA,MAENE,UAAU;AAAA,IAAA,CACV,GAEFR,2BAAAA,IAACS,8BAAU;AAAA,MACThC;AAAAA,MACAkB,WAAWC,cACTH,QAAAA,yBAAyBG,cAAKC,QAAAA,kBAAAA,QAAkBa,MAAMhC,mCAASgC,IAAI,GACnE,CAACjB,yBACCG,cAAAA,QAAKC,kBAAAA,QAAkBc,kBAAkBjC,mCAASiC,gBAAgB,CAAC;AAAA,MAEvEC,MAAK;AAAA,MACLP,SAASxB;AAAAA,MACT0B,WACE1B,gBAAiBK,CAAUD,UAAAA,iBAAiBC,OAAOL,WAAW;AAAA,MAEhE2B,UAAU3B,cAAc,IAAI;AAAA,MAAGkB,yCAE9Bc,yBAAY;AAAA,QAACC,SAAQ;AAAA,QAAYf,UAAEjB;AAAAA,MAAAA,CAAc;AAAA,IAAA,CACvC,GAEbkB,2BAAAA,IAACe,uCAAmB;AAAA,MAClBtC,IAAIyB,MAAAA,MAAMzB,IAAI,OAAO;AAAA,MACrBkB,WAAY,GAAEC,sBAAKC,kBAAAA,QAAkBM,MAAMzB,mCAASyB,IAAI,KACtDnB,gBACI,KACAY,cAAAA,QAAKC,kBAAkBO,QAAAA,UAAU1B,mCAAS0B,QAAQ;AAAA,MAExDC,SAASrB,gBAAiBE,CAAUN,UAAAA,eAAeM,KAAK,IAAIoB;AAAAA,MAC5DC,WAAYrB,CACVF,UAAAA,gBAAgBC,iBAAiBC,OAAON,cAAc,IAAI0B;AAAAA,MAE5DE,UAAU;AAAA,IAAA,CACV,CAAA;AAAA,EAAA,CACS;AAEjB;;"}

package/dist/cjs/components/Calendar/CalendarNavigation/Navigation/Navigation.styles.cjs

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("@emotion/styled/base");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const navigationClasses = require("./navigationClasses.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 StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1ozyvih3"
+} : {
+  target: "e1ozyvih3",
+  label: "StyledRoot"
+})(process.env.NODE_ENV === "production" ? {
+  name: "bcffy2",
+  styles: "display:flex;align-items:center;justify-content:space-between"
+} : {
+  name: "bcffy2",
+  styles: "display:flex;align-items:center;justify-content:space-between",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL05hdmlnYXRpb24vTmF2aWdhdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVMwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NhbGVuZGFyL0NhbGVuZGFyTmF2aWdhdGlvbi9OYXZpZ2F0aW9uL05hdmlnYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgRHJvcExlZnRYUyBhcyBEcm9wTGVmdEljb24sXG4gIERyb3BSaWdodFhTIGFzIERyb3BSaWdodEljb24sXG59IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcbmltcG9ydCBuYXZpZ2F0aW9uQ2xhc3NlcyBmcm9tIFwiLi9uYXZpZ2F0aW9uQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BMZWZ0SWNvbiA9IHN0eWxlZChEcm9wTGVmdEljb24pKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIHdpZHRoOiBcIjMycHhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wUmlnaHRJY29uID0gc3R5bGVkKERyb3BSaWdodEljb24pKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIHdpZHRoOiBcIjMycHhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgW2AmLiR7bmF2aWdhdGlvbkNsYXNzZXMudGV4dH1gXToge1xuICAgIHdpZHRoOiBcImNhbGMoMTAwJSAtIDY0cHgpXCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgcGFkZGluZzogXCI4cHggMFwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gIH0sXG4gIFtgJi4ke25hdmlnYXRpb25DbGFzc2VzLnRleHRXaXRob3V0SG92ZXJ9YF06IHtcbiAgICB3aWR0aDogXCJjYWxjKDEwMCUgLSA2NHB4KVwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nOiBcIjAgNXB4XCIsXG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledDropLeftIcon = /* @__PURE__ */ _styled__default.default(uikitReactIcons.DropLeftXS, process.env.NODE_ENV === "production" ? {
+  target: "e1ozyvih2"
+} : {
+  target: "e1ozyvih2",
+  label: "StyledDropLeftIcon"
+})({
+  userSelect: "none",
+  width: "32px",
+  height: "32px",
+  "&:hover": {
+    backgroundColor: uikitStyles.theme.colors.atmo3,
+    cursor: "pointer"
+  },
+  "&:focus": {
+    outline: "none"
+  },
+  "&:focus-visible": {
+    backgroundColor: uikitStyles.theme.colors.atmo3,
+    cursor: "pointer",
+    ...focusUtils.outlineStyles
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL05hdmlnYXRpb24vTmF2aWdhdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NhbGVuZGFyL0NhbGVuZGFyTmF2aWdhdGlvbi9OYXZpZ2F0aW9uL05hdmlnYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgRHJvcExlZnRYUyBhcyBEcm9wTGVmdEljb24sXG4gIERyb3BSaWdodFhTIGFzIERyb3BSaWdodEljb24sXG59IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcbmltcG9ydCBuYXZpZ2F0aW9uQ2xhc3NlcyBmcm9tIFwiLi9uYXZpZ2F0aW9uQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3BMZWZ0SWNvbiA9IHN0eWxlZChEcm9wTGVmdEljb24pKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIHdpZHRoOiBcIjMycHhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wUmlnaHRJY29uID0gc3R5bGVkKERyb3BSaWdodEljb24pKHtcbiAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gIHdpZHRoOiBcIjMycHhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgW2AmLiR7bmF2aWdhdGlvbkNsYXNzZXMudGV4dH1gXToge1xuICAgIHdpZHRoOiBcImNhbGMoMTAwJSAtIDY0cHgpXCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgcGFkZGluZzogXCI4cHggMFwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gIH0sXG4gIFtgJi4ke25hdmlnYXRpb25DbGFzc2VzLnRleHRXaXRob3V0SG92ZXJ9YF06IHtcbiAgICB3aWR0aDogXCJjYWxjKDEwMCUgLSA2NHB4KVwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nOiBcIjAgNXB4XCIsXG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG59KTtcbiJdfQ== */");
+const StyledDropRightIcon = /* @__PURE__ */ _styled__default.default(uikitReactIcons.DropRightXS, process.env.NODE_ENV === "production" ? {
+  target: "e1ozyvih1"
+} : {
+  target: "e1ozyvih1",
+  label: "StyledDropRightIcon"
+})({
+  userSelect: "none",
+  width: "32px",
+  height: "32px",
+  "&:hover": {
+    backgroundColor: uikitStyles.theme.colors.atmo3,
+    cursor: "pointer"
+  },
+  "&:focus": {
+    outline: "none"
+  },
+  "&:focus-visible": {
+    backgroundColor: uikitStyles.theme.colors.atmo3,
+    cursor: "pointer",
+    ...focusUtils.outlineStyles
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL05hdmlnYXRpb24vTmF2aWdhdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhck5hdmlnYXRpb24vTmF2aWdhdGlvbi9OYXZpZ2F0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7XG4gIERyb3BMZWZ0WFMgYXMgRHJvcExlZnRJY29uLFxuICBEcm9wUmlnaHRYUyBhcyBEcm9wUmlnaHRJY29uLFxufSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgbmF2aWdhdGlvbkNsYXNzZXMgZnJvbSBcIi4vbmF2aWdhdGlvbkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wTGVmdEljb24gPSBzdHlsZWQoRHJvcExlZnRJY29uKSh7XG4gIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcFJpZ2h0SWNvbiA9IHN0eWxlZChEcm9wUmlnaHRJY29uKSh7XG4gIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFtgJi4ke25hdmlnYXRpb25DbGFzc2VzLnRleHR9YF06IHtcbiAgICB3aWR0aDogXCJjYWxjKDEwMCUgLSA2NHB4KVwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBoZWlnaHQ6IFwiMzJweFwiLFxuICAgIHBhZGRpbmc6IFwiOHB4IDBcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuICB9LFxuICBbYCYuJHtuYXZpZ2F0aW9uQ2xhc3Nlcy50ZXh0V2l0aG91dEhvdmVyfWBdOiB7XG4gICAgd2lkdGg6IFwiY2FsYygxMDAlIC0gNjRweClcIixcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgcGFkZGluZzogXCIwIDVweFwiLFxuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxufSk7XG4iXX0= */");
+const StyledText = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1ozyvih0"
+} : {
+  target: "e1ozyvih0",
+  label: "StyledText"
+})({
+  [`&.${navigationClasses.default.text}`]: {
+    width: "calc(100% - 64px)",
+    textAlign: "center",
+    height: "32px",
+    padding: "8px 0",
+    "&:hover": {
+      backgroundColor: uikitStyles.theme.colors.atmo3,
+      cursor: "pointer"
+    },
+    "&:focus": {
+      outline: "none"
+    },
+    "&:focus-visible": {
+      backgroundColor: uikitStyles.theme.colors.atmo3,
+      cursor: "pointer",
+      ...focusUtils.outlineStyles
+    }
+  },
+  [`&.${navigationClasses.default.textWithoutHover}`]: {
+    width: "calc(100% - 64px)",
+    textAlign: "center",
+    padding: "0 5px",
+    outline: "none"
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL05hdmlnYXRpb24vTmF2aWdhdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1EMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhck5hdmlnYXRpb24vTmF2aWdhdGlvbi9OYXZpZ2F0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7XG4gIERyb3BMZWZ0WFMgYXMgRHJvcExlZnRJY29uLFxuICBEcm9wUmlnaHRYUyBhcyBEcm9wUmlnaHRJY29uLFxufSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgbmF2aWdhdGlvbkNsYXNzZXMgZnJvbSBcIi4vbmF2aWdhdGlvbkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wTGVmdEljb24gPSBzdHlsZWQoRHJvcExlZnRJY29uKSh7XG4gIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcFJpZ2h0SWNvbiA9IHN0eWxlZChEcm9wUmlnaHRJY29uKSh7XG4gIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFtgJi4ke25hdmlnYXRpb25DbGFzc2VzLnRleHR9YF06IHtcbiAgICB3aWR0aDogXCJjYWxjKDEwMCUgLSA2NHB4KVwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBoZWlnaHQ6IFwiMzJweFwiLFxuICAgIHBhZGRpbmc6IFwiOHB4IDBcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuICB9LFxuICBbYCYuJHtuYXZpZ2F0aW9uQ2xhc3Nlcy50ZXh0V2l0aG91dEhvdmVyfWBdOiB7XG4gICAgd2lkdGg6IFwiY2FsYygxMDAlIC0gNjRweClcIixcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgcGFkZGluZzogXCIwIDVweFwiLFxuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxufSk7XG4iXX0= */");
+exports.StyledDropLeftIcon = StyledDropLeftIcon;
+exports.StyledDropRightIcon = StyledDropRightIcon;
+exports.StyledRoot = StyledRoot;
+exports.StyledText = StyledText;
+//# sourceMappingURL=Navigation.styles.cjs.map

package/dist/cjs/components/Calendar/CalendarNavigation/Navigation/Navigation.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.styles.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/Navigation/Navigation.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  DropLeftXS as DropLeftIcon,\n  DropRightXS as DropRightIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"utils\";\nimport navigationClasses from \"./navigationClasses\";\n\nexport const StyledRoot = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n});\n\nexport const StyledDropLeftIcon = styled(DropLeftIcon)({\n  userSelect: \"none\",\n  width: \"32px\",\n  height: \"32px\",\n  \"&:hover\": {\n    backgroundColor: theme.colors.atmo3,\n    cursor: \"pointer\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n  },\n  \"&:focus-visible\": {\n    backgroundColor: theme.colors.atmo3,\n    cursor: \"pointer\",\n    ...outlineStyles,\n  },\n});\n\nexport const StyledDropRightIcon = styled(DropRightIcon)({\n  userSelect: \"none\",\n  width: \"32px\",\n  height: \"32px\",\n  \"&:hover\": {\n    backgroundColor: theme.colors.atmo3,\n    cursor: \"pointer\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n  },\n  \"&:focus-visible\": {\n    backgroundColor: theme.colors.atmo3,\n    cursor: \"pointer\",\n    ...outlineStyles,\n  },\n});\n\nexport const StyledText = styled(\"div\")({\n  [`&.${navigationClasses.text}`]: {\n    width: \"calc(100% - 64px)\",\n    textAlign: \"center\",\n    height: \"32px\",\n    padding: \"8px 0\",\n    \"&:hover\": {\n      backgroundColor: theme.colors.atmo3,\n      cursor: \"pointer\",\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&:focus-visible\": {\n      backgroundColor: theme.colors.atmo3,\n      cursor: \"pointer\",\n      ...outlineStyles,\n    },\n  },\n  [`&.${navigationClasses.textWithoutHover}`]: {\n    width: \"calc(100% - 64px)\",\n    textAlign: \"center\",\n    padding: \"0 5px\",\n    outline: \"none\",\n  },\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledDropLeftIcon","DropLeftIcon","userSelect","width","height","backgroundColor","theme","colors","atmo3","cursor","outline","outlineStyles","StyledDropRightIcon","DropRightIcon","StyledText","navigationClasses","text","textAlign","padding","textWithoutHover"],"mappings":";;;;;;;;;;;;AASO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,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,CAIrC;AAEK,MAAMC,qBAA4BC,iCAAAA,QAAAA,gBAAAA,YAAYX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACrDQ,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAC9BC,QAAQ;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACTC,SAAS;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,IACjBL,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAC9BC,QAAQ;AAAA,IACR,GAAGE,WAAAA;AAAAA,EACL;AACF,GAACrB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6hGAAA;AAEK,MAAMoB,sBAA6BC,iCAAAA,QAAAA,gBAAAA,aAAavB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACvDQ,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAC9BC,QAAQ;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACTC,SAAS;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,IACjBL,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAC9BC,QAAQ;AAAA,IACR,GAAGE,WAAAA;AAAAA,EACL;AACF,GAACrB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6hGAAA;AAEK,MAAMsB,aAAoBzB,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtC,CAAE,KAAIqB,0BAAkBC,MAAM,GAAG;AAAA,IAC/Bb,OAAO;AAAA,IACPc,WAAW;AAAA,IACXb,QAAQ;AAAA,IACRc,SAAS;AAAA,IACT,WAAW;AAAA,MACTb,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,MAC9BC,QAAQ;AAAA,IACV;AAAA,IACA,WAAW;AAAA,MACTC,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjBL,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,MAC9BC,QAAQ;AAAA,MACR,GAAGE,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA,EACA,CAAE,KAAII,0BAAkBI,kBAAkB,GAAG;AAAA,IAC3ChB,OAAO;AAAA,IACPc,WAAW;AAAA,IACXC,SAAS;AAAA,IACTR,SAAS;AAAA,EACX;AACF,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6hGAAA;;;;;"}

package/dist/cjs/components/Calendar/CalendarNavigation/Navigation/navigationClasses.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", "icon", "disabled", "text", "textWithoutHover"];
+const navigationClasses = classes.getClasses(classKeys, "HvNavigation");
+const navigationClasses$1 = navigationClasses;
+exports.default = navigationClasses$1;
+//# sourceMappingURL=navigationClasses.cjs.map

package/dist/cjs/components/Calendar/CalendarNavigation/Navigation/navigationClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigationClasses.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/Navigation/navigationClasses.tsx"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvNavigationClasses = {\n  root?: string;\n  icon?: string;\n  disabled?: string;\n  text?: string;\n  textWithoutHover?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"icon\",\n  \"disabled\",\n  \"text\",\n  \"textWithoutHover\",\n];\n\nconst navigationClasses = getClasses<HvNavigationClasses>(\n  classKeys,\n  \"HvNavigation\"\n);\n\nexport default navigationClasses;\n"],"names":["classKeys","navigationClasses","getClasses"],"mappings":";;;AAUA,MAAMA,YAAsB,CAC1B,QACA,QACA,YACA,QACA,kBAAkB;AAGpB,MAAMC,oBAAoBC,QACxBF,WAAAA,WACA,cAAc;AAGhB,MAAA,sBAAeC;;"}

package/dist/cjs/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const clsx = require("clsx");
+const CalendarWeekLabels_styles = require("./CalendarWeekLabels.styles.cjs");
+const calendarWeekLabelsClasses = require("./calendarWeekLabelsClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const HvCalendarWeekLabel = ({
+  classes,
+  labels = []
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [" ", labels.map((dayName, index) => {
+      const key = `${dayName}-${index}`;
+      return /* @__PURE__ */ jsxRuntime.jsx(CalendarWeekLabels_styles.StyledCalendarDay, {
+        variant: "highlightText",
+        className: clsx__default.default(calendarWeekLabelsClasses.default.calendarDay, classes == null ? void 0 : classes.calendarDay),
+        children: dayName
+      }, key);
+    }), " "]
+  });
+};
+exports.HvCalendarWeekLabel = HvCalendarWeekLabel;
+//# sourceMappingURL=CalendarWeekLabels.cjs.map

package/dist/cjs/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarWeekLabels.cjs","sources":["../../../../../src/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { DateRangeProp } from \"../Calendar\";\nimport { StyledCalendarDay } from \"./CalendarWeekLabels.styles\";\nimport calendarWeekLabelsClasses, {\n  HvCalendarWeekLabelsClasses,\n} from \"./calendarWeekLabelsClasses\";\n\nexport const HvCalendarWeekLabel = ({\n  classes,\n  labels = [],\n}: HvCalendarWeekLabelProps) => {\n  return (\n    <>\n      {\" \"}\n      {labels.map((dayName, index) => {\n        const key = `${dayName}-${index}`;\n        return (\n          <StyledCalendarDay\n            variant=\"highlightText\"\n            className={clsx(\n              calendarWeekLabelsClasses.calendarDay,\n              classes?.calendarDay\n            )}\n            key={key}\n          >\n            {dayName}\n          </StyledCalendarDay>\n        );\n      })}{\" \"}\n    </>\n  );\n};\n\nexport type HvCalendarWeekLabelProps = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvCalendarWeekLabelsClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * Localized day of week labels.\n   */\n  labels?: string[];\n  /**\n   * Callback to define the input date.\n   */\n  onChange?: (\n    event:\n      | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n      | undefined,\n    value: Date | DateRangeProp\n  ) => void;\n};\n"],"names":["HvCalendarWeekLabel","classes","labels","_Fragment","children","map","dayName","index","key","StyledCalendarDay","variant","className","clsx","calendarWeekLabelsClasses","calendarDay"],"mappings":";;;;;;;;AAOO,MAAMA,sBAAsBA,CAAC;AAAA,EAClCC;AAAAA,EACAC,SAAS,CAAA;AACe,MAAM;AAC9B,yCACEC,WAAAA,UAAA;AAAA,IAAAC,UAAA,CACG,KACAF,OAAOG,IAAI,CAACC,SAASC,UAAU;AACxBC,YAAAA,MAAO,GAAEF,WAAWC;AAC1B,4CACGE,0BAAAA,mBAAiB;AAAA,QAChBC,SAAQ;AAAA,QACRC,WAAWC,cAAAA,QACTC,0BAAAA,QAA0BC,aAC1Bb,mCAASa,WAAW;AAAA,QACpBV,UAGDE;AAAAA,SAFIE,GAAG;AAAA,IAKb,CAAA,GAAG,GAAG;AAAA,EAAA,CACN;AAEP;;"}