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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.styles.js","sources":["../../../../src/components/Calendar/Calendar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport calendarClasses from \"./calendarClasses\";\nimport { HvSingleCalendar } from \"./SingleCalendar/SingleCalendar\";\n\nexport const StyledRoot = styled(\"div\")({\n  display: \"flex\",\n  justifyContent: \"center\",\n});\n\nexport const StyledRangeCalendarContainer = styled(\"div\")({\n  display: \"flex\",\n});\n\nexport const StyledSingleCalendar = styled((props) => (\n  <HvSingleCalendar {...props} />\n))({\n  \"&:hover\": {\n    [`& ~ .${calendarClasses.singleCalendar}`]: {\n      // target the next calendar when the former is hovered\n      \"& > div\": {\n        \"& > div:nth-child(3)\": {\n          \"& > div\": {\n            \"& > div[data-calendar-cell='calendarCell']\": {\n              backgroundColor: theme.colors.atmo1,\n            },\n          },\n        },\n      },\n    },\n  },\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledRangeCalendarContainer","_styled","props","_jsx","HvSingleCalendar","calendarClasses","singleCalendar","backgroundColor","theme","colors","atmo1"],"mappings":";;;;;;;;AAKO,MAAMA,aAAoB,wBAAA,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,CAGrC;AAEK,MAAMC,+BAAsC,wBAAA,OAAKV,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,CAEvD;AAEkCE,wBAAQC,CAC1CC,UAAAA,oBAACC,kBAAgB;AAAA,EAAA,GAAKF;AAAK,CAAA,GAC5BZ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACD,WAAW;AAAA,IACT,CAAE,QAAOW,gBAAgBC,gBAAgB,GAAG;AAAA;AAAA,MAE1C,WAAW;AAAA,QACT,wBAAwB;AAAA,UACtB,WAAW;AAAA,YACT,8CAA8C;AAAA,cAC5CC,iBAAiBC,MAAMC,OAAOC;AAAAA,YAChC;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,iqDAAA;"}

package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.js

@@ -0,0 +1,162 @@
+import { useContext, useState, useEffect } from "react";
+import dayjs from "dayjs";
+import localeData from "dayjs/plugin/localeData";
+import localizedFormat from "dayjs/plugin/localizedFormat";
+import customParseFormat from "dayjs/plugin/customParseFormat";
+import clsx from "clsx";
+import isNil from "lodash/isNil";
+import { isRange, isDate, formatToLocale, isSameDay } from "../utils.js";
+import { Info } from "@hitachivantara/uikit-react-icons";
+import calendarHeaderClasses from "./calendarHeaderClasses.js";
+import { StyledRoot, StyledHeaderDayOfWeek, StyledInput, StyledInputBorderContainer } from "./CalendarHeader.styles.js";
+import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
+import { HvFormElementValueContext } from "../../Forms/FormElement/context/FormElementValueContext.js";
+import { HvFormElementContext } from "../../Forms/FormElement/context/FormElementContext.js";
+import { HvFormElementDescriptorsContext } from "../../Forms/FormElement/context/FormElementDescriptorsContext.js";
+import { setId } from "../../../utils/setId.js";
+import { HvTypography } from "../../Typography/Typography.js";
+import { isKeypress } from "../../../utils/keyboardUtils/keyCheck.js";
+import { keyboardCodes } from "../../../utils/keyboardUtils/keyboardCodes.js";
+dayjs.extend(localeData);
+dayjs.extend(localizedFormat);
+dayjs.extend(customParseFormat);
+const {
+  Enter
+} = keyboardCodes;
+const HvCalendarHeader = ({
+  id,
+  value,
+  locale = "en-US",
+  classes,
+  onChange,
+  showEndDate,
+  showDayOfWeek = false,
+  onFocus,
+  ...others
+}) => {
+  var _a;
+  const {
+    elementId
+  } = useContext(HvFormElementContext);
+  const elementValue = useContext(HvFormElementValueContext);
+  const {
+    label
+  } = useContext(HvFormElementDescriptorsContext);
+  let localValue = value ?? elementValue ?? "";
+  if (isRange(localValue)) {
+    localValue = showEndDate ? localValue.endDate : localValue.startDate;
+  }
+  const [dateValue, setDateValue] = useState(localValue);
+  const [editedValue, setEditedValue] = useState(null);
+  const [displayValue, setDisplayValue] = useState("");
+  const [weekdayDisplay, setWeekdayDisplay] = useState("");
+  const localId = id ?? setId(elementId, "calendarHeader");
+  const inputValue = editedValue ?? displayValue;
+  const localeFormat = dayjs().locale(locale).localeData().longDateFormat("L");
+  const [isValidValue, setIsValidValue] = useState(inputValue.length === 0 || !!inputValue && dayjs(localValue).isValid());
+  const validateInput = (incomingValid) => incomingValid === void 0 || dayjs(incomingValid).isValid();
+  useEffect(() => {
+    const valid = validateInput(localValue);
+    setIsValidValue(valid);
+    if (valid) {
+      if (!localValue) {
+        setDisplayValue("");
+        setEditedValue(null);
+        setWeekdayDisplay("");
+        return;
+      }
+      const weekday = new Intl.DateTimeFormat(locale, {
+        weekday: "short"
+      }).format(isDate(localValue) ? localValue : 0);
+      setDisplayValue(formatToLocale(localValue, locale));
+      setEditedValue(null);
+      setWeekdayDisplay(weekday);
+    }
+  }, [localValue, locale]);
+  const handleNewDate = (event, date) => {
+    const localeParsedDate = dayjs(date, localeFormat);
+    const isValidInput = localeParsedDate.isValid();
+    const dateParsed = isValidInput ? localeParsedDate.toDate() : dayjs(date).toDate();
+    if (!isSameDay(dateParsed, dateValue)) {
+      setDateValue(dateParsed);
+      onChange == null ? void 0 : onChange(event, dateParsed);
+    }
+    setIsValidValue(isValidInput);
+    if (isValidInput) {
+      setEditedValue(null);
+    }
+  };
+  const onBlurHandler = (event) => {
+    if (isNil(editedValue))
+      return;
+    if (editedValue === "") {
+      setIsValidValue(true);
+      setEditedValue(null);
+      return;
+    }
+    handleNewDate(event, editedValue);
+  };
+  const keyDownHandler = (event) => {
+    if (!isKeypress(event, Enter) || isNil(editedValue) || editedValue === "")
+      return;
+    event.preventDefault();
+    handleNewDate(event, editedValue);
+  };
+  const onFocusHandler = (event) => {
+    if (!localValue)
+      return;
+    const formattedDate = isValidValue && isDate(localValue) ? dayjs(localValue).locale(locale).format("L") : editedValue;
+    setEditedValue(formattedDate);
+    onFocus == null ? void 0 : onFocus(event, formattedDate);
+  };
+  const onChangeHandler = (event) => {
+    setEditedValue(event.target.value);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsxs(StyledRoot, {
+      id: localId,
+      className: clsx(calendarHeaderClasses.root, classes == null ? void 0 : classes.root, !isValidValue && inputValue !== "" && clsx(calendarHeaderClasses.invalid, classes == null ? void 0 : classes.invalid)),
+      children: [showDayOfWeek && /* @__PURE__ */ jsx(StyledHeaderDayOfWeek, {
+        variant: "normalText",
+        className: clsx(calendarHeaderClasses.headerDayOfWeek, classes == null ? void 0 : classes.headerDayOfWeek),
+        children: weekdayDisplay || " "
+      }), /* @__PURE__ */ jsx("div", {
+        className: clsx(calendarHeaderClasses.headerDate, classes == null ? void 0 : classes.headerDate),
+        children: /* @__PURE__ */ jsx(StyledInput, {
+          type: "text",
+          id: setId(localId, "header-input"),
+          placeholder: localeFormat,
+          value: inputValue,
+          className: clsx(calendarHeaderClasses.input, classes == null ? void 0 : classes.input),
+          onBlur: onBlurHandler,
+          onFocus: onFocusHandler,
+          onChange: onChangeHandler,
+          onKeyDown: keyDownHandler,
+          "aria-labelledby": (_a = label == null ? void 0 : label[0]) == null ? void 0 : _a.id,
+          ...others
+        })
+      })]
+    }), !isValidValue && inputValue !== "" && /* @__PURE__ */ jsx(StyledInputBorderContainer, {
+      role: "presentation",
+      className: clsx(calendarHeaderClasses.inputBorderContainer, classes == null ? void 0 : classes.inputBorderContainer)
+    }), /* @__PURE__ */ jsx("div", {
+      style: {
+        height: 32
+      },
+      children: !isValidValue && inputValue !== "" && /* @__PURE__ */ jsxs(HvTypography, {
+        component: "span",
+        variant: "normalText",
+        className: clsx(calendarHeaderClasses.invalidMessageStyling, classes == null ? void 0 : classes.invalidMessageStyling),
+        children: [/* @__PURE__ */ jsx(Info, {
+          color: "brand",
+          iconSize: "S"
+        }), "Invalid date"]
+      })
+    })]
+  });
+};
+HvCalendarHeader.formElementType = "HvCalendarHeader";
+export {
+  HvCalendarHeader
+};
+//# sourceMappingURL=CalendarHeader.js.map

package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import { useState, useEffect, useContext } from \"react\";\nimport dayjs from \"dayjs\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport {\n  HvFormElementContext,\n  HvFormElementValueContext,\n  HvFormElementDescriptorsContext,\n} from \"../../Forms/FormElement\";\nimport { isRange, isSameDay, formatToLocale, isDate } from \"../utils\";\nimport { isKeypress, keyboardCodes, setId } from \"utils\";\nimport { HvTypography } from \"components\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport { DateRangeProp } from \"../Calendar\";\nimport calendarHeaderClasses, {\n  HvCalendarHeaderClasses,\n} from \"./calendarHeaderClasses\";\nimport {\n  StyledHeaderDayOfWeek,\n  StyledInput,\n  StyledInputBorderContainer,\n  StyledRoot,\n} from \"./CalendarHeader.styles\";\n\ndayjs.extend(localeData);\ndayjs.extend(localizedFormat);\ndayjs.extend(customParseFormat);\n\nconst { Enter } = keyboardCodes;\n\nexport const HvCalendarHeader = ({\n  id,\n  value,\n  locale = \"en-US\",\n  classes,\n  onChange,\n  showEndDate,\n  showDayOfWeek = false,\n  onFocus,\n  ...others\n}: HvCalendarHeaderProps) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const { label } = useContext(HvFormElementDescriptorsContext);\n\n  let localValue: string | Date | DateRangeProp | undefined =\n    value ?? elementValue ?? \"\";\n  if (isRange(localValue)) {\n    localValue = showEndDate ? localValue.endDate : localValue.startDate;\n  }\n  const [dateValue, setDateValue] = useState<\n    string | Date | DateRangeProp | undefined\n  >(localValue);\n  const [editedValue, setEditedValue] = useState<string | null>(null);\n  const [displayValue, setDisplayValue] = useState(\"\");\n  const [weekdayDisplay, setWeekdayDisplay] = useState(\"\");\n\n  const localId = id ?? setId(elementId, \"calendarHeader\");\n\n  const inputValue = editedValue ?? displayValue;\n  const localeFormat = dayjs().locale(locale).localeData().longDateFormat(\"L\");\n\n  const [isValidValue, setIsValidValue] = useState(\n    inputValue.length === 0 || (!!inputValue && dayjs(localValue).isValid())\n  );\n\n  const validateInput = (incomingValid) =>\n    incomingValid === undefined || dayjs(incomingValid).isValid();\n  useEffect(() => {\n    const valid = validateInput(localValue);\n    setIsValidValue(valid);\n    if (valid) {\n      if (!localValue) {\n        setDisplayValue(\"\");\n        setEditedValue(null);\n        setWeekdayDisplay(\"\");\n        return;\n      }\n      const weekday = new Intl.DateTimeFormat(locale, {\n        weekday: \"short\",\n      }).format(isDate(localValue) ? localValue : 0);\n      setDisplayValue(formatToLocale(localValue, locale));\n      setEditedValue(null);\n      setWeekdayDisplay(weekday);\n    }\n  }, [localValue, locale]);\n\n  const handleNewDate = (event, date) => {\n    // attempt to format in locale data, or fallback to default\n    const localeParsedDate = dayjs(date, localeFormat);\n\n    const isValidInput = localeParsedDate.isValid();\n    const dateParsed = isValidInput\n      ? localeParsedDate.toDate()\n      : dayjs(date).toDate();\n    // prevent extra updates\n    if (!isSameDay(dateParsed, dateValue)) {\n      setDateValue(dateParsed);\n      onChange?.(event, dateParsed);\n    }\n\n    setIsValidValue(isValidInput);\n    if (isValidInput) {\n      setEditedValue(null);\n    }\n  };\n\n  const onBlurHandler = (event) => {\n    if (isNil(editedValue)) return;\n    if (editedValue === \"\") {\n      setIsValidValue(true);\n      setEditedValue(null);\n      return;\n    }\n    handleNewDate(event, editedValue);\n  };\n\n  const keyDownHandler = (event) => {\n    if (!isKeypress(event, Enter) || isNil(editedValue) || editedValue === \"\")\n      return;\n    event.preventDefault();\n\n    handleNewDate(event, editedValue);\n  };\n\n  const onFocusHandler = (event) => {\n    if (!localValue) return;\n    const formattedDate =\n      isValidValue && isDate(localValue)\n        ? dayjs(localValue).locale(locale).format(\"L\")\n        : editedValue;\n    setEditedValue(formattedDate);\n    onFocus?.(event, formattedDate);\n  };\n\n  const onChangeHandler = (event) => {\n    setEditedValue(event.target.value);\n  };\n  return (\n    <>\n      <StyledRoot\n        id={localId}\n        className={clsx(\n          calendarHeaderClasses.root,\n          classes?.root,\n          !isValidValue &&\n            inputValue !== \"\" &&\n            clsx(calendarHeaderClasses.invalid, classes?.invalid)\n        )}\n      >\n        {showDayOfWeek && (\n          <StyledHeaderDayOfWeek\n            variant=\"normalText\"\n            className={clsx(\n              calendarHeaderClasses.headerDayOfWeek,\n              classes?.headerDayOfWeek\n            )}\n          >\n            {weekdayDisplay || \"\\u00A0\"}\n          </StyledHeaderDayOfWeek>\n        )}\n\n        <div\n          className={clsx(\n            calendarHeaderClasses.headerDate,\n            classes?.headerDate\n          )}\n        >\n          <StyledInput\n            type=\"text\"\n            id={setId(localId, \"header-input\")}\n            placeholder={localeFormat}\n            value={inputValue}\n            className={clsx(calendarHeaderClasses.input, classes?.input)}\n            onBlur={onBlurHandler}\n            onFocus={onFocusHandler}\n            onChange={onChangeHandler}\n            onKeyDown={keyDownHandler}\n            aria-labelledby={label?.[0]?.id}\n            {...others}\n          />\n        </div>\n      </StyledRoot>\n      {!isValidValue && inputValue !== \"\" && (\n        <StyledInputBorderContainer\n          role=\"presentation\"\n          className={clsx(\n            calendarHeaderClasses.inputBorderContainer,\n            classes?.inputBorderContainer\n          )}\n        />\n      )}\n      <div style={{ height: 32 }}>\n        {!isValidValue && inputValue !== \"\" && (\n          <HvTypography\n            component=\"span\"\n            variant=\"normalText\"\n            className={clsx(\n              calendarHeaderClasses.invalidMessageStyling,\n              classes?.invalidMessageStyling\n            )}\n          >\n            <Info color=\"brand\" iconSize=\"S\" />\n            Invalid date\n          </HvTypography>\n        )}\n      </div>\n    </>\n  );\n};\n\n// TODO: refactor this out\nHvCalendarHeader.formElementType = \"HvCalendarHeader\";\n\nexport type HvCalendarHeaderProps = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvCalendarHeaderClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * The text to be shown on the main part of the header.\n   */\n  value?: string | Date | DateRangeProp;\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:\n      | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n      | undefined,\n    value: Date | DateRangeProp\n  ) => void;\n  /**\n   * Callback to handle input onFocus.\n   */\n  onFocus?: (\n    event: React.FocusEventHandler<any>,\n    formattedDate: string | null\n  ) => void;\n  /**\n   * Indicates if header should display end date in a date range.\n   */\n  showEndDate?: boolean;\n  /**\n   * Indicates if header should display the day of week.\n   */\n  showDayOfWeek?: boolean;\n};\n"],"names":["dayjs","extend","localeData","localizedFormat","customParseFormat","Enter","keyboardCodes","HvCalendarHeader","id","value","locale","classes","onChange","showEndDate","showDayOfWeek","onFocus","others","elementId","useContext","HvFormElementContext","elementValue","HvFormElementValueContext","label","HvFormElementDescriptorsContext","localValue","isRange","endDate","startDate","dateValue","setDateValue","useState","editedValue","setEditedValue","displayValue","setDisplayValue","weekdayDisplay","setWeekdayDisplay","localId","setId","inputValue","localeFormat","longDateFormat","isValidValue","setIsValidValue","length","isValid","validateInput","incomingValid","undefined","useEffect","valid","weekday","Intl","DateTimeFormat","format","isDate","formatToLocale","handleNewDate","event","date","localeParsedDate","isValidInput","dateParsed","toDate","isSameDay","onBlurHandler","isNil","keyDownHandler","isKeypress","preventDefault","onFocusHandler","formattedDate","onChangeHandler","target","_Fragment","children","_jsxs","StyledRoot","className","clsx","calendarHeaderClasses","root","invalid","_jsx","StyledHeaderDayOfWeek","variant","headerDayOfWeek","headerDate","StyledInput","type","placeholder","input","onBlur","onKeyDown","StyledInputBorderContainer","role","inputBorderContainer","style","height","HvTypography","component","invalidMessageStyling","Info","color","iconSize","formElementType"],"mappings":"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"}

package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.styles.js

@@ -0,0 +1,80 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { outlineStyles } from "../../../utils/focusUtils.js";
+import { HvTypography } from "../../Typography/Typography.js";
+const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1yjj6ap3"
+} : {
+  target: "e1yjj6ap3",
+  label: "StyledRoot"
+})({
+  marginTop: theme.spacing("xs"),
+  backgroundColor: theme.colors.atmo1,
+  borderBottom: theme.calendar.headerInputBorderBottom,
+  borderTop: theme.calendar.headerInputBorderTop,
+  borderLeft: theme.calendar.headerInputBorderLeft,
+  borderRight: theme.calendar.headerInputBorderRight,
+  borderRadius: theme.calendar.borderRadius,
+  "&:hover, &:focus": {
+    borderBottom: `1px solid ${theme.colors.secondary}`
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhckhlYWRlci9DYWxlbmRhckhlYWRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblRvcDogdGhlbWUuc3BhY2luZyhcInhzXCIpLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgYm9yZGVyQm90dG9tOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEJvcmRlckJvdHRvbSxcbiAgYm9yZGVyVG9wOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEJvcmRlclRvcCxcbiAgYm9yZGVyTGVmdDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJMZWZ0LFxuICBib3JkZXJSaWdodDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJSaWdodCxcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5jYWxlbmRhci5ib3JkZXJSYWRpdXMsXG4gIFwiJjpob3ZlciwgJjpmb2N1c1wiOiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeX1gLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dEJvcmRlckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLm5lZ2F0aXZlLFxuICBoZWlnaHQ6IDEsXG4gIG1hcmdpblRvcDogLTEsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKChwcm9wcykgPT4gPGlucHV0IHsuLi5wcm9wc30gLz4pKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIHBhZGRpbmc6IGA1cHggJHt0aGVtZS5zcGFjaW5nKFwieHNcIil9YCxcbiAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuXG4gIGNvbG9yOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRDb2xvcixcbiAgZm9udFNpemU6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udFNpemUsXG4gIGxldHRlclNwYWNpbmc6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udExldHRlclNwYWNpbmcsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udExpbmVIZWlnaHQsXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udFdlaWdodCxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgfSxcbiAgXCImOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uLCAmOjotd2Via2l0LWNhbGVuZGFyLXBpY2tlci1pbmRpY2F0b3JcIjoge1xuICAgIFwiIC13ZWJraXQtYXBwZWFyYW5jZVwiOiBcIm5vbmVcIixcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlckRheU9mV2VlayA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgY29sb3I6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Rm9udENvbG9yLFxuICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2luZyhcInhzXCIpLFxufSk7XG4iXX0= */");
+const StyledInputBorderContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1yjj6ap2"
+} : {
+  target: "e1yjj6ap2",
+  label: "StyledInputBorderContainer"
+})({
+  backgroundColor: theme.colors.negative,
+  height: 1,
+  marginTop: -1
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjBDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJvcmRlckJvdHRvbTogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJCb3R0b20sXG4gIGJvcmRlclRvcDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJUb3AsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyTGVmdCxcbiAgYm9yZGVyUmlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyUmlnaHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuY2FsZW5kYXIuYm9yZGVyUmFkaXVzLFxuICBcIiY6aG92ZXIsICY6Zm9jdXNcIjoge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXRCb3JkZXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZWdhdGl2ZSxcbiAgaGVpZ2h0OiAxLFxuICBtYXJnaW5Ub3A6IC0xLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZCgocHJvcHMpID0+IDxpbnB1dCB7Li4ucHJvcHN9IC8+KSh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBwYWRkaW5nOiBgNXB4ICR7dGhlbWUuc3BhY2luZyhcInhzXCIpfWAsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcblxuICBjb2xvcjogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRGb250Q29sb3IsXG4gIGZvbnRTaXplOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRTaXplLFxuICBsZXR0ZXJTcGFjaW5nOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRMZXR0ZXJTcGFjaW5nLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRMaW5lSGVpZ2h0LFxuICBmb250V2VpZ2h0OiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRXZWlnaHQsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0sXG4gIFwiJjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiwgJjo6LXdlYmtpdC1jYWxlbmRhci1waWNrZXItaW5kaWNhdG9yXCI6IHtcbiAgICBcIiAtd2Via2l0LWFwcGVhcmFuY2VcIjogXCJub25lXCIsXG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJEYXlPZldlZWsgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRDb2xvcixcbiAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbn0pO1xuIl19 */");
+const StyledInput = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx("input", {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
+  target: "e1yjj6ap1"
+} : {
+  target: "e1yjj6ap1",
+  label: "StyledInput"
+})({
+  border: "none",
+  backgroundColor: "transparent",
+  padding: `5px ${theme.spacing("xs")}`,
+  fontFamily: theme.fontFamily.body,
+  color: theme.calendar.headerInputFontColor,
+  fontSize: theme.calendar.headerInputFontSize,
+  letterSpacing: theme.calendar.headerInputFontLetterSpacing,
+  lineHeight: theme.calendar.headerInputFontLineHeight,
+  fontWeight: theme.calendar.headerInputFontWeight,
+  width: "100%",
+  "&::placeholder": {
+    color: theme.colors.secondary_60
+  },
+  "&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator": {
+    " -webkit-appearance": "none",
+    display: "none"
+  },
+  "&:focus": {
+    outline: "none"
+  },
+  "&:focus-visible": {
+    ...outlineStyles
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJvcmRlckJvdHRvbTogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJCb3R0b20sXG4gIGJvcmRlclRvcDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJUb3AsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyTGVmdCxcbiAgYm9yZGVyUmlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyUmlnaHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuY2FsZW5kYXIuYm9yZGVyUmFkaXVzLFxuICBcIiY6aG92ZXIsICY6Zm9jdXNcIjoge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXRCb3JkZXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZWdhdGl2ZSxcbiAgaGVpZ2h0OiAxLFxuICBtYXJnaW5Ub3A6IC0xLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZCgocHJvcHMpID0+IDxpbnB1dCB7Li4ucHJvcHN9IC8+KSh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBwYWRkaW5nOiBgNXB4ICR7dGhlbWUuc3BhY2luZyhcInhzXCIpfWAsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcblxuICBjb2xvcjogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRGb250Q29sb3IsXG4gIGZvbnRTaXplOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRTaXplLFxuICBsZXR0ZXJTcGFjaW5nOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRMZXR0ZXJTcGFjaW5nLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRMaW5lSGVpZ2h0LFxuICBmb250V2VpZ2h0OiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRXZWlnaHQsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0sXG4gIFwiJjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiwgJjo6LXdlYmtpdC1jYWxlbmRhci1waWNrZXItaW5kaWNhdG9yXCI6IHtcbiAgICBcIiAtd2Via2l0LWFwcGVhcmFuY2VcIjogXCJub25lXCIsXG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJEYXlPZldlZWsgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRDb2xvcixcbiAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbn0pO1xuIl19 */");
+const StyledHeaderDayOfWeek = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
+  target: "e1yjj6ap0"
+} : {
+  target: "e1yjj6ap0",
+  label: "StyledHeaderDayOfWeek"
+})({
+  color: theme.calendar.headerInputFontColor,
+  paddingLeft: theme.spacing("xs")
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHFDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJIZWFkZXIvQ2FsZW5kYXJIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJvcmRlckJvdHRvbTogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJCb3R0b20sXG4gIGJvcmRlclRvcDogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRCb3JkZXJUb3AsXG4gIGJvcmRlckxlZnQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyTGVmdCxcbiAgYm9yZGVyUmlnaHQ6IHRoZW1lLmNhbGVuZGFyLmhlYWRlcklucHV0Qm9yZGVyUmlnaHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuY2FsZW5kYXIuYm9yZGVyUmFkaXVzLFxuICBcIiY6aG92ZXIsICY6Zm9jdXNcIjoge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXRCb3JkZXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZWdhdGl2ZSxcbiAgaGVpZ2h0OiAxLFxuICBtYXJnaW5Ub3A6IC0xLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZCgocHJvcHMpID0+IDxpbnB1dCB7Li4ucHJvcHN9IC8+KSh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBwYWRkaW5nOiBgNXB4ICR7dGhlbWUuc3BhY2luZyhcInhzXCIpfWAsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcblxuICBjb2xvcjogdGhlbWUuY2FsZW5kYXIuaGVhZGVySW5wdXRGb250Q29sb3IsXG4gIGZvbnRTaXplOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRTaXplLFxuICBsZXR0ZXJTcGFjaW5nOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRMZXR0ZXJTcGFjaW5nLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRMaW5lSGVpZ2h0LFxuICBmb250V2VpZ2h0OiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRXZWlnaHQsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gIH0sXG4gIFwiJjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiwgJjo6LXdlYmtpdC1jYWxlbmRhci1waWNrZXItaW5kaWNhdG9yXCI6IHtcbiAgICBcIiAtd2Via2l0LWFwcGVhcmFuY2VcIjogXCJub25lXCIsXG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJEYXlPZldlZWsgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jYWxlbmRhci5oZWFkZXJJbnB1dEZvbnRDb2xvcixcbiAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbn0pO1xuIl19 */");
+export {
+  StyledHeaderDayOfWeek,
+  StyledInput,
+  StyledInputBorderContainer,
+  StyledRoot
+};
+//# sourceMappingURL=CalendarHeader.styles.js.map

package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.styles.js","sources":["../../../../../src/components/Calendar/CalendarHeader/CalendarHeader.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\nimport { outlineStyles } from \"utils\";\n\nexport const StyledRoot = styled(\"div\")({\n  marginTop: theme.spacing(\"xs\"),\n  backgroundColor: theme.colors.atmo1,\n  borderBottom: theme.calendar.headerInputBorderBottom,\n  borderTop: theme.calendar.headerInputBorderTop,\n  borderLeft: theme.calendar.headerInputBorderLeft,\n  borderRight: theme.calendar.headerInputBorderRight,\n  borderRadius: theme.calendar.borderRadius,\n  \"&:hover, &:focus\": {\n    borderBottom: `1px solid ${theme.colors.secondary}`,\n  },\n});\n\nexport const StyledInputBorderContainer = styled(\"div\")({\n  backgroundColor: theme.colors.negative,\n  height: 1,\n  marginTop: -1,\n});\n\nexport const StyledInput = styled((props) => <input {...props} />)({\n  border: \"none\",\n  backgroundColor: \"transparent\",\n  padding: `5px ${theme.spacing(\"xs\")}`,\n  fontFamily: theme.fontFamily.body,\n\n  color: theme.calendar.headerInputFontColor,\n  fontSize: theme.calendar.headerInputFontSize,\n  letterSpacing: theme.calendar.headerInputFontLetterSpacing,\n  lineHeight: theme.calendar.headerInputFontLineHeight,\n  fontWeight: theme.calendar.headerInputFontWeight,\n  width: \"100%\",\n  \"&::placeholder\": {\n    color: theme.colors.secondary_60,\n  },\n  \"&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator\": {\n    \" -webkit-appearance\": \"none\",\n    display: \"none\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n});\n\nexport const StyledHeaderDayOfWeek = styled(HvTypography)({\n  color: theme.calendar.headerInputFontColor,\n  paddingLeft: theme.spacing(\"xs\"),\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","marginTop","theme","spacing","backgroundColor","colors","atmo1","borderBottom","calendar","headerInputBorderBottom","borderTop","headerInputBorderTop","borderLeft","headerInputBorderLeft","borderRight","headerInputBorderRight","borderRadius","secondary","StyledInputBorderContainer","negative","height","StyledInput","_styled","props","_jsx","border","padding","fontFamily","body","color","headerInputFontColor","fontSize","headerInputFontSize","letterSpacing","headerInputFontLetterSpacing","lineHeight","headerInputFontLineHeight","fontWeight","headerInputFontWeight","width","secondary_60","display","outline","outlineStyles","StyledHeaderDayOfWeek","HvTypography","paddingLeft"],"mappings":";;;;;AAKO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCC,WAAWC,MAAMC,QAAQ,IAAI;AAAA,EAC7BC,iBAAiBF,MAAMG,OAAOC;AAAAA,EAC9BC,cAAcL,MAAMM,SAASC;AAAAA,EAC7BC,WAAWR,MAAMM,SAASG;AAAAA,EAC1BC,YAAYV,MAAMM,SAASK;AAAAA,EAC3BC,aAAaZ,MAAMM,SAASO;AAAAA,EAC5BC,cAAcd,MAAMM,SAASQ;AAAAA,EAC7B,oBAAoB;AAAA,IAClBT,cAAe,aAAYL,MAAMG,OAAOY;AAAAA,EAC1C;AACF,GAACrB,QAAAC,IAAAC,aAAC,eAAA,KAAA,q2FAAA;AAEK,MAAMoB,6BAAoC,wBAAA,OAAKtB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtDI,iBAAiBF,MAAMG,OAAOc;AAAAA,EAC9BC,QAAQ;AAAA,EACRnB,WAAW;AACb,GAACL,QAAAC,IAAAC,aAAC,eAAA,KAAA,q2FAAA;AAEK,MAAMuB,cAAcC,wBAAQC,CAAUC,UAAAA,oBAAA,SAAA;AAAA,EAAA,GAAWD;AAAK,CAAA,GAAI3B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjEyB,QAAQ;AAAA,EACRrB,iBAAiB;AAAA,EACjBsB,SAAU,OAAMxB,MAAMC,QAAQ,IAAI;AAAA,EAClCwB,YAAYzB,MAAMyB,WAAWC;AAAAA,EAE7BC,OAAO3B,MAAMM,SAASsB;AAAAA,EACtBC,UAAU7B,MAAMM,SAASwB;AAAAA,EACzBC,eAAe/B,MAAMM,SAAS0B;AAAAA,EAC9BC,YAAYjC,MAAMM,SAAS4B;AAAAA,EAC3BC,YAAYnC,MAAMM,SAAS8B;AAAAA,EAC3BC,OAAO;AAAA,EACP,kBAAkB;AAAA,IAChBV,OAAO3B,MAAMG,OAAOmC;AAAAA,EACtB;AAAA,EACA,sEAAsE;AAAA,IACpE,uBAAuB;AAAA,IACvBC,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACTC,SAAS;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,IACjB,GAAGC;AAAAA,EACL;AACF,GAAC/C,QAAAC,IAAAC,aAAC,eAAA,KAAA,q2FAAA;AAEK,MAAM8C,wBAA+BC,wBAAAA,cAAYjD,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACxD6B,OAAO3B,MAAMM,SAASsB;AAAAA,EACtBgB,aAAa5C,MAAMC,QAAQ,IAAI;AACjC,GAACP,QAAAC,IAAAC,aAAC,eAAA,KAAA,q2FAAA;"}

package/dist/esm/components/Calendar/CalendarHeader/calendarHeaderClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["root", "invalid", "headerDayOfWeek", "headerDate", "input", "inputBorderContainer", "invalidMessageStyling"];
+const calendarHeaderClasses = getClasses(classKeys, "HvCalendarHeader");
+const calendarHeaderClasses$1 = calendarHeaderClasses;
+export {
+  calendarHeaderClasses$1 as default
+};
+//# sourceMappingURL=calendarHeaderClasses.js.map

package/dist/esm/components/Calendar/CalendarHeader/calendarHeaderClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendarHeaderClasses.js","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,WAC5BF,WACA,kBAAkB;AAGpB,MAAA,0BAAeC;"}

package/dist/esm/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js

@@ -0,0 +1,55 @@
+import { getMonthNamesList } from "../../utils.js";
+import { NAV_OPTIONS, VIEW_MODE, REPRESENTATION_VALUES } from "../../enums.js";
+import clsx from "clsx";
+import composedNavigationClasses from "./composedNavigationClasses.js";
+import { StyledNavigationContainer, StyledNavigationMonth } from "./ComposedNavigation.styles.js";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { Navigation } from "../Navigation/Navigation.js";
+import { setId } from "../../../../utils/setId.js";
+const HvComposedNavigation = ({
+  classes,
+  id,
+  locale,
+  onChange,
+  onViewModeChange,
+  visibleYear,
+  visibleMonth,
+  ...others
+}) => {
+  const listMonthNamesLong = getMonthNamesList(locale, REPRESENTATION_VALUES.LONG);
+  const monthName = listMonthNamesLong[visibleMonth - 1];
+  return /* @__PURE__ */ jsxs(StyledNavigationContainer, {
+    className: clsx(composedNavigationClasses.navigationContainer, classes == null ? void 0 : classes.navigationContainer),
+    ...others,
+    children: [/* @__PURE__ */ jsx(StyledNavigationMonth, {
+      className: clsx(composedNavigationClasses.navigationMonth, classes == null ? void 0 : classes.navigationMonth),
+      children: /* @__PURE__ */ jsx(Navigation, {
+        id: setId(id, "navigation-month"),
+        navigationText: monthName,
+        onNavigatePrevious: (event) => {
+          onChange == null ? void 0 : onChange(event, NAV_OPTIONS.PREVIOUS_MONTH);
+        },
+        onNavigateNext: (event) => {
+          onChange == null ? void 0 : onChange(event, NAV_OPTIONS.NEXT_MONTH);
+        },
+        onTextClick: () => {
+          onViewModeChange(VIEW_MODE.MONTHLY);
+        },
+        className: clsx(composedNavigationClasses.navigationMonth, classes == null ? void 0 : classes.navigationMonth)
+      })
+    }), /* @__PURE__ */ jsx(Navigation, {
+      id: setId(id, "navigation-year"),
+      navigationText: visibleYear.toString(),
+      onNavigatePrevious: (event) => {
+        onChange == null ? void 0 : onChange(event, NAV_OPTIONS.PREVIOUS_YEAR);
+      },
+      onNavigateNext: (event) => {
+        onChange == null ? void 0 : onChange(event, NAV_OPTIONS.NEXT_YEAR);
+      }
+    })]
+  });
+};
+export {
+  HvComposedNavigation
+};
+//# sourceMappingURL=ComposedNavigation.js.map

package/dist/esm/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposedNavigation.js","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,kBACzBP,QACAQ,sBAAsBC,IAAI;AAEtBC,QAAAA,YAAYJ,mBAAmBF,eAAe,CAAC;AAErD,8BACGO,2BAAyB;AAAA,IACxBC,WAAWC,KACTC,0BAA0BC,qBAC1BjB,mCAASiB,mBAAmB;AAAA,IAC5B,GACEV;AAAAA,IAAMW,UAAA,CAEVC,oBAACC,uBAAqB;AAAA,MACpBN,WAAWC,KACTC,0BAA0BK,iBAC1BrB,mCAASqB,eAAe;AAAA,MACxBH,8BAEDI,YAAU;AAAA,QACTrB,IAAIsB,MAAMtB,IAAI,kBAAkB;AAAA,QAChCuB,gBAAgBZ;AAAAA,QAChBa,oBAAqBC,CAAU,UAAA;AAClBA,+CAAAA,OAAOC,YAAYC;AAAAA,QAChC;AAAA,QACAC,gBAAiBH,CAAU,UAAA;AACdA,+CAAAA,OAAOC,YAAYG;AAAAA,QAChC;AAAA,QACAC,aAAaA,MAAM;AACjB3B,2BAAiB4B,UAAUC,OAAO;AAAA,QACpC;AAAA,QACAnB,WAAWC,KACTC,0BAA0BK,iBAC1BrB,mCAASqB,eAAe;AAAA,MAAA,CACxB;AAAA,IAAA,CAEkB,GAExBF,oBAACG,YAAU;AAAA,MACTrB,IAAIsB,MAAMtB,IAAI,iBAAiB;AAAA,MAC/BuB,gBAAgBnB,YAAY6B,SAAW;AAAA,MACvCT,oBAAqBC,CAAU,UAAA;AAClBA,6CAAAA,OAAOC,YAAYQ;AAAAA,MAChC;AAAA,MACAN,gBAAiBH,CAAU,UAAA;AACdA,6CAAAA,OAAOC,YAAYS;AAAAA,MAChC;AAAA,IAAA,CACA,CAAA;AAAA,EAAA,CACwB;AAEhC;"}

package/dist/esm/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.styles.js

@@ -0,0 +1,34 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+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("div", process.env.NODE_ENV === "production" ? {
+  target: "es2ikxx1"
+} : {
+  target: "es2ikxx1",
+  label: "StyledNavigationContainer"
+})({
+  display: "flex",
+  justifyContent: "space-between",
+  padding: theme.spacing(["xs", 0])
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL0NvbXBvc2VkTmF2aWdhdGlvbi9Db21wb3NlZE5hdmlnYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHeUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhck5hdmlnYXRpb24vQ29tcG9zZWROYXZpZ2F0aW9uL0NvbXBvc2VkTmF2aWdhdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXZpZ2F0aW9uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgcGFkZGluZzogdGhlbWUuc3BhY2luZyhbXCJ4c1wiLCAwXSksXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdmlnYXRpb25Nb250aCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1pbldpZHRoOiBcIjE2MHB4XCIsXG59KTtcbiJdfQ== */");
+const StyledNavigationMonth = /* @__PURE__ */ _styled("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__
+});
+export {
+  StyledNavigationContainer,
+  StyledNavigationMonth
+};
+//# sourceMappingURL=ComposedNavigation.styles.js.map

package/dist/esm/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposedNavigation.styles.js","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","process","env","NODE_ENV","target","label","display","justifyContent","padding","theme","spacing","StyledNavigationMonth","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;AAGO,MAAMA,4BAAmC,wBAAA,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,MAAMC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAClC,GAACT,QAAAC,IAAAC,aAAC,eAAA,KAAA,6iCAAA;AAEK,MAAMQ,wBAA+B,wBAAA,OAAKV,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/esm/components/Calendar/CalendarNavigation/ComposedNavigation/composedNavigationClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../../utils/classes.js";
+const classKeys = ["navigationContainer", "navigationMonth"];
+const composedNavigationClasses = getClasses(classKeys, "HvComposedNavigation");
+const composedNavigationClasses$1 = composedNavigationClasses;
+export {
+  composedNavigationClasses$1 as default
+};
+//# sourceMappingURL=composedNavigationClasses.js.map

package/dist/esm/components/Calendar/CalendarNavigation/ComposedNavigation/composedNavigationClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composedNavigationClasses.js","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,WAChCF,WACA,sBAAsB;AAGxB,MAAA,8BAAeC;"}

package/dist/esm/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js

@@ -0,0 +1,51 @@
+import clsx from "clsx";
+import { getMonthNamesList } from "../../utils.js";
+import { NAV_OPTIONS, VIEW_MODE, REPRESENTATION_VALUES } from "../../enums.js";
+import monthSelectorClasses from "./monthSelectorClasses.js";
+import { StyledCalendarMonthlyGrid, StyledFocusSelection, StyledCalendarMonthlyCell } from "./MonthSelector.styles.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { isKeypress } from "../../../../utils/keyboardUtils/keyCheck.js";
+import { keyboardCodes } from "../../../../utils/keyboardUtils/keyboardCodes.js";
+const HvMonthSelector = ({
+  classes,
+  id,
+  locale,
+  onChange,
+  onViewModeChange,
+  rangeMode,
+  visibleMonth,
+  ...others
+}) => {
+  const listMonthNamesShort = getMonthNamesList(locale, REPRESENTATION_VALUES.SHORT);
+  const onKeyDownHandler = (event, index) => {
+    if (isKeypress(event, keyboardCodes.Enter)) {
+      if (onChange)
+        onChange(event, NAV_OPTIONS.MONTH, index + 1);
+      onViewModeChange(VIEW_MODE.CALENDAR);
+    }
+  };
+  return /* @__PURE__ */ jsx(StyledCalendarMonthlyGrid, {
+    className: clsx(monthSelectorClasses.calendarMonthlyGrid, classes == null ? void 0 : classes.calendarMonthlyGrid, rangeMode ? clsx(monthSelectorClasses.rangeModeWidth, classes == null ? void 0 : classes.rangeModeWidth) : clsx(monthSelectorClasses.normalWidth, classes == null ? void 0 : classes.normalWidth)),
+    children: listMonthNamesShort.map((monthName, index) => /* @__PURE__ */ jsx(StyledFocusSelection, {
+      className: clsx(monthSelectorClasses.focusSelection, classes == null ? void 0 : classes.focusSelection),
+      role: "button",
+      onClick: (event) => {
+        if (onChange)
+          onChange(event, NAV_OPTIONS.MONTH, index + 1);
+        onViewModeChange(VIEW_MODE.CALENDAR);
+      },
+      onKeyDown: (event) => onKeyDownHandler(event, index),
+      tabIndex: 0,
+      ...others,
+      children: /* @__PURE__ */ jsx(StyledCalendarMonthlyCell, {
+        variant: "normalText",
+        className: clsx(monthSelectorClasses.calendarMonthlyCell, classes == null ? void 0 : classes.calendarMonthlyCell, index + 1 === visibleMonth && clsx(monthSelectorClasses.calendarMonthlyCellSelected, classes == null ? void 0 : classes.calendarMonthlyCellSelected)),
+        children: monthName
+      })
+    }, monthName))
+  });
+};
+export {
+  HvMonthSelector
+};
+//# sourceMappingURL=MonthSelector.js.map

package/dist/esm/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthSelector.js","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,kBAC1BP,QACAQ,sBAAsBC,KAAK;AAEvBC,QAAAA,mBAAmBA,CAACC,OAAOC,UAAU;AACzC,QAAIC,WAAWF,OAAOG,cAAcC,KAAK,GAAG;AACtCd,UAAAA;AAAUA,iBAASU,OAAOK,YAAYC,OAAOL,QAAQ,CAAC;AAC1DV,uBAAiBgB,UAAUC,QAAQ;AAAA,IACrC;AAAA,EAAA;AAEF,6BACGC,2BAAyB;AAAA,IACxBC,WAAWC,KACTC,qBAAqBC,qBACrB1B,mCAAS0B,qBACTrB,YACImB,KAAKC,qBAAqBE,gBAAgB3B,mCAAS2B,cAAc,IACjEH,KAAKC,qBAAqBG,aAAa5B,mCAAS4B,WAAW,CAAC;AAAA,IAChEC,UAEDrB,oBAAoBsB,IAAI,CAACC,WAAWjB,8BAClCkB,sBAAoB;AAAA,MACnBT,WAAWC,KACTC,qBAAqBQ,gBACrBjC,mCAASiC,cAAc;AAAA,MAGzBC,MAAK;AAAA,MACLC,SAAUtB,CAAU,UAAA;AACdV,YAAAA;AAAUA,mBAASU,OAAOK,YAAYC,OAAOL,QAAQ,CAAC;AAC1DV,yBAAiBgB,UAAUC,QAAQ;AAAA,MACrC;AAAA,MACAe,WAAYvB,CAAAA,UAAUD,iBAAiBC,OAAOC,KAAK;AAAA,MACnDuB,UAAU;AAAA,MAAE,GACR9B;AAAAA,MAAMsB,8BAETS,2BAAyB;AAAA,QACxBC,SAAQ;AAAA,QACRhB,WAAWC,KACTC,qBAAqBe,qBACrBxC,mCAASwC,qBACT1B,QAAQ,MAAMR,gBACZkB,KACEC,qBAAqBgB,6BACrBzC,mCAASyC,2BAA2B,CACrC;AAAA,QACHZ,UAEDE;AAAAA,MAAAA,CAAS;AAAA,IACgB,GAvBvBA,SAAS,CAyBjB;AAAA,EAAA,CACyB;AAEhC;"}

package/dist/esm/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.styles.js

@@ -0,0 +1,73 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import monthSelectorClasses from "./monthSelectorClasses.js";
+import { outlineStyles } from "../../../../utils/focusUtils.js";
+import { HvTypography } from "../../../Typography/Typography.js";
+const hover = {
+  backgroundColor: theme.colors.atmo3,
+  cursor: "pointer"
+};
+const StyledFocusSelection = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1qytey12"
+} : {
+  target: "e1qytey12",
+  label: "StyledFocusSelection"
+})({
+  "&:hover": {
+    ...hover
+  },
+  "&:focus": {
+    outline: "none"
+  },
+  "&:focus-visible": {
+    ...hover,
+    ...outlineStyles
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL01vbnRoU2VsZWN0b3IvTW9udGhTZWxlY3Rvci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdvQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NhbGVuZGFyL0NhbGVuZGFyTmF2aWdhdGlvbi9Nb250aFNlbGVjdG9yL01vbnRoU2VsZWN0b3Iuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcbmltcG9ydCBtb250aFNlbGVjdG9yQ2xhc3NlcyBmcm9tIFwiLi9tb250aFNlbGVjdG9yQ2xhc3Nlc1wiO1xuXG5jb25zdCBob3ZlciA9IHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9jdXNTZWxlY3Rpb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICBcIiY6aG92ZXJcIjoge1xuICAgIC4uLmhvdmVyLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4uaG92ZXIsXG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJNb250aGx5R3JpZCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblRvcDogXCI1MHB4XCIsXG4gIG1hcmdpbkxlZnQ6IFwiLTE2cHhcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHpJbmRleDogXCIxMFwiLFxuICBwYWRkaW5nOiBcIjAgMjBweFwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBmbGV4RmxvdzogXCJ3cmFwXCIsXG4gIGFsaWduQ29udGVudDogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtZXZlbmx5XCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDYWxlbmRhck1vbnRobHlDZWxsID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjQwcHhcIixcbiAgd2lkdGg6IFwiOTJweFwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIC4uLmhvdmVyLFxuICB9LFxuICBbYCYuJHttb250aFNlbGVjdG9yQ2xhc3Nlcy5jYWxlbmRhck1vbnRobHlDZWxsU2VsZWN0ZWR9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */");
+const StyledCalendarMonthlyGrid = /* @__PURE__ */ _styled("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: theme.colors.atmo1
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL01vbnRoU2VsZWN0b3IvTW9udGhTZWxlY3Rvci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCeUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhck5hdmlnYXRpb24vTW9udGhTZWxlY3Rvci9Nb250aFNlbGVjdG9yLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgbW9udGhTZWxlY3RvckNsYXNzZXMgZnJvbSBcIi4vbW9udGhTZWxlY3RvckNsYXNzZXNcIjtcblxuY29uc3QgaG92ZXIgPSB7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvY3VzU2VsZWN0aW9uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgXCImOmhvdmVyXCI6IHtcbiAgICAuLi5ob3ZlcixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLmhvdmVyLFxuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyTW9udGhseUdyaWQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Ub3A6IFwiNTBweFwiLFxuICBtYXJnaW5MZWZ0OiBcIi0xNnB4XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB6SW5kZXg6IFwiMTBcIixcbiAgcGFkZGluZzogXCIwIDIwcHhcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgZmxleEZsb3c6IFwid3JhcFwiLFxuICBhbGlnbkNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWV2ZW5seVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJNb250aGx5Q2VsbCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIHdpZHRoOiBcIjkycHhcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICAuLi5ob3ZlcixcbiAgfSxcbiAgW2AmLiR7bW9udGhTZWxlY3RvckNsYXNzZXMuY2FsZW5kYXJNb250aGx5Q2VsbFNlbGVjdGVkfWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgfSxcbiAgfSxcbn0pO1xuIl19 */");
+const StyledCalendarMonthlyCell = /* @__PURE__ */ _styled(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.calendarMonthlyCellSelected}`]: {
+    backgroundColor: theme.colors.atmo3,
+    color: theme.colors.secondary,
+    "&:hover": {
+      backgroundColor: theme.colors.atmo3,
+      color: theme.colors.secondary
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FsZW5kYXIvQ2FsZW5kYXJOYXZpZ2F0aW9uL01vbnRoU2VsZWN0b3IvTW9udGhTZWxlY3Rvci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDeUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYWxlbmRhci9DYWxlbmRhck5hdmlnYXRpb24vTW9udGhTZWxlY3Rvci9Nb250aFNlbGVjdG9yLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgbW9udGhTZWxlY3RvckNsYXNzZXMgZnJvbSBcIi4vbW9udGhTZWxlY3RvckNsYXNzZXNcIjtcblxuY29uc3QgaG92ZXIgPSB7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvY3VzU2VsZWN0aW9uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgXCImOmhvdmVyXCI6IHtcbiAgICAuLi5ob3ZlcixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLmhvdmVyLFxuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENhbGVuZGFyTW9udGhseUdyaWQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Ub3A6IFwiNTBweFwiLFxuICBtYXJnaW5MZWZ0OiBcIi0xNnB4XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB6SW5kZXg6IFwiMTBcIixcbiAgcGFkZGluZzogXCIwIDIwcHhcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgZmxleEZsb3c6IFwid3JhcFwiLFxuICBhbGlnbkNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWV2ZW5seVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXJNb250aGx5Q2VsbCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIHdpZHRoOiBcIjkycHhcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICAuLi5ob3ZlcixcbiAgfSxcbiAgW2AmLiR7bW9udGhTZWxlY3RvckNsYXNzZXMuY2FsZW5kYXJNb250aGx5Q2VsbFNlbGVjdGVkfWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgfSxcbiAgfSxcbn0pO1xuIl19 */");
+export {
+  StyledCalendarMonthlyCell,
+  StyledCalendarMonthlyGrid,
+  StyledFocusSelection
+};
+//# sourceMappingURL=MonthSelector.styles.js.map