@elliemae/ds-form-date-time-picker 3.4.3-rc.0 → 3.4.4-next.0

package/dist/cjs/parts/Pickers/Calendar/CalendarHead.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var CalendarHead_exports = {};
 __export(CalendarHead_exports, {
@@ -25,7 +28,8 @@ __export(CalendarHead_exports, {
 });
 module.exports = __toCommonJS(CalendarHead_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_button = require("@elliemae/ds-button");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
@@ -64,86 +68,111 @@ const CalendarHead = () => {
     latestInteractionRegion,
     currFocusDescriber
   } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  const handlePrevYearRef = (0, import_react.useCallback)((ButtonDomNode) => {
-    prevYearBtnRef.current = ButtonDomNode;
-    if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-prev-year")
-      ButtonDomNode?.focus?.();
-  }, [currFocusDescriber, latestInteractionRegion, prevYearBtnRef]);
-  const handlePrevMonthRef = (0, import_react.useCallback)((ButtonDomNode) => {
-    prevMonthBtnRef.current = ButtonDomNode;
-    if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-prev-month")
-      ButtonDomNode?.focus?.();
-  }, [currFocusDescriber, latestInteractionRegion, prevMonthBtnRef]);
-  const handleNextMonthRef = (0, import_react.useCallback)((ButtonDomNode) => {
-    nextMonthBtnRef.current = ButtonDomNode;
-    if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-next-month")
-      ButtonDomNode?.focus?.();
-  }, [currFocusDescriber, latestInteractionRegion, nextMonthBtnRef]);
-  const handleNextYearRef = (0, import_react.useCallback)((ButtonDomNode) => {
-    nextYearBtnRef.current = ButtonDomNode;
-    if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-next-year")
-      ButtonDomNode?.focus?.();
-  }, [currFocusDescriber, latestInteractionRegion, nextYearBtnRef]);
-  return /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledHeader, null, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledHeaderButton, {
-    "aria-label": "previous year",
-    buttonType: "raw",
-    size: import_ds_button.BUTTON_SIZES.M,
-    onClick: handlePrevYear,
-    innerRef: handlePrevYearRef,
-    onKeyDown: handlePrevYearKeyDown,
-    onFocus: onPrevYearFocus,
-    tabIndex: isControllerOnly ? -1 : 0,
-    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR,
-    type: "button"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronDoubleLeft, {
-    height: 14,
-    width: 14,
-    fill: "#25292f"
-  })), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledHeaderButton, {
-    autoFocus: autoFocusPrevMonthArrow,
-    "aria-label": "previous month",
-    buttonType: "raw",
-    size: import_ds_button.BUTTON_SIZES.M,
-    onClick: handlePrevMonth,
-    innerRef: handlePrevMonthRef,
-    onKeyDown: handlePrevMonthKeyDown,
-    onFocus: onPrevMonthFocus,
-    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH,
-    type: "button"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronLeft, {
-    height: 14,
-    width: 14,
-    fill: "#25292f"
-  })), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledHeaderLabel, {
-    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.HEADER_LABEL
-  }, currentFormatedDate), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledHeaderButton, {
-    "aria-label": "next month",
-    buttonType: "raw",
-    size: import_ds_button.BUTTON_SIZES.M,
-    onClick: handleNextMonth,
-    innerRef: handleNextMonthRef,
-    onKeyDown: handleNextMonthKeyDown,
-    onFocus: onNextMonthFocus,
-    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH,
-    type: "button"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronRight, {
-    height: 14,
-    width: 14,
-    fill: "#25292f"
-  })), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledHeaderButton, {
-    "aria-label": "next year",
-    buttonType: "raw",
-    size: import_ds_button.BUTTON_SIZES.M,
-    onClick: handleNextYear,
-    innerRef: handleNextYearRef,
-    onKeyDown: handleNextYearKeyDown,
-    onFocus: onNextYearFocus,
-    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR,
-    type: "button"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronDoubleRight, {
-    height: 14,
-    width: 14,
-    fill: "#25292f"
-  })));
+  const handlePrevYearRef = (0, import_react.useCallback)(
+    (ButtonDomNode) => {
+      prevYearBtnRef.current = ButtonDomNode;
+      if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-prev-year")
+        ButtonDomNode?.focus?.();
+    },
+    [currFocusDescriber, latestInteractionRegion, prevYearBtnRef]
+  );
+  const handlePrevMonthRef = (0, import_react.useCallback)(
+    (ButtonDomNode) => {
+      prevMonthBtnRef.current = ButtonDomNode;
+      if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-prev-month")
+        ButtonDomNode?.focus?.();
+    },
+    [currFocusDescriber, latestInteractionRegion, prevMonthBtnRef]
+  );
+  const handleNextMonthRef = (0, import_react.useCallback)(
+    (ButtonDomNode) => {
+      nextMonthBtnRef.current = ButtonDomNode;
+      if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-next-month")
+        ButtonDomNode?.focus?.();
+    },
+    [currFocusDescriber, latestInteractionRegion, nextMonthBtnRef]
+  );
+  const handleNextYearRef = (0, import_react.useCallback)(
+    (ButtonDomNode) => {
+      nextYearBtnRef.current = ButtonDomNode;
+      if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-next-year")
+        ButtonDomNode?.focus?.();
+    },
+    [currFocusDescriber, latestInteractionRegion, nextYearBtnRef]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledHeader, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledHeaderButton, {
+        "aria-label": "previous year",
+        buttonType: "raw",
+        size: import_ds_button.BUTTON_SIZES.M,
+        onClick: handlePrevYear,
+        innerRef: handlePrevYearRef,
+        onKeyDown: handlePrevYearKeyDown,
+        onFocus: onPrevYearFocus,
+        tabIndex: isControllerOnly ? -1 : 0,
+        "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR,
+        type: "button",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDoubleLeft, {
+          height: 14,
+          width: 14,
+          fill: "#25292f"
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledHeaderButton, {
+        autoFocus: autoFocusPrevMonthArrow,
+        "aria-label": "previous month",
+        buttonType: "raw",
+        size: import_ds_button.BUTTON_SIZES.M,
+        onClick: handlePrevMonth,
+        innerRef: handlePrevMonthRef,
+        onKeyDown: handlePrevMonthKeyDown,
+        onFocus: onPrevMonthFocus,
+        "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH,
+        type: "button",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronLeft, {
+          height: 14,
+          width: 14,
+          fill: "#25292f"
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledHeaderLabel, {
+        "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.HEADER_LABEL,
+        children: currentFormatedDate
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledHeaderButton, {
+        "aria-label": "next month",
+        buttonType: "raw",
+        size: import_ds_button.BUTTON_SIZES.M,
+        onClick: handleNextMonth,
+        innerRef: handleNextMonthRef,
+        onKeyDown: handleNextMonthKeyDown,
+        onFocus: onNextMonthFocus,
+        "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH,
+        type: "button",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronRight, {
+          height: 14,
+          width: 14,
+          fill: "#25292f"
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledHeaderButton, {
+        "aria-label": "next year",
+        buttonType: "raw",
+        size: import_ds_button.BUTTON_SIZES.M,
+        onClick: handleNextYear,
+        innerRef: handleNextYearRef,
+        onKeyDown: handleNextYearKeyDown,
+        onFocus: onNextYearFocus,
+        "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR,
+        type: "button",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDoubleRight, {
+          height: 14,
+          width: 14,
+          fill: "#25292f"
+        })
+      })
+    ]
+  });
 };
 //# sourceMappingURL=CalendarHead.js.map

package/dist/cjs/parts/Pickers/Calendar/CalendarHead.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/CalendarHead.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable complexity, @typescript-eslint/no-unsafe-member-access,  @typescript-eslint/no-unsafe-assignment */\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport { BUTTON_SIZES } from '@elliemae/ds-button';\nimport { ChevronDoubleLeft, ChevronLeft, ChevronDoubleRight, ChevronRight } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { getMonthNameByMonthNumber } from '../../../utils/dateHelpers';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { StyledHeader, StyledHeaderButton, StyledHeaderLabel } from './Styleds';\nimport { CalendarContext } from './CalendarContext';\n\nconst useGetFormattedCurrentDate = () => {\n  const { currentMonth, currentYear } = useContext(CalendarContext);\n\n  const monthString = currentMonth >= 0 && currentMonth <= 11 ? `${getMonthNameByMonthNumber(currentMonth)} ` : '';\n\n  return useMemo(() => `${monthString}${currentYear}`, [monthString, currentYear]);\n};\nexport const CalendarHead = (): JSX.Element => {\n  const currentFormatedDate = useGetFormattedCurrentDate();\n  const {\n    handlePrevYear,\n    handlePrevMonth,\n    handleNextMonth,\n    handleNextYear,\n    handlePrevYearKeyDown,\n    handlePrevMonthKeyDown,\n    handleNextMonthKeyDown,\n    handleNextYearKeyDown,\n    onPrevYearFocus,\n    onPrevMonthFocus,\n    onNextMonthFocus,\n    onNextYearFocus,\n  } = useContext(CalendarContext);\n\n  const {\n    isControllerOnly,\n    autoFocusPrevMonthArrow,\n    prevYearBtnRef,\n    prevMonthBtnRef,\n    nextMonthBtnRef,\n    nextYearBtnRef,\n    latestInteractionRegion,\n    currFocusDescriber,\n  } = useContext(ControlledDateTimePickerContext);\n\n  const handlePrevYearRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      prevYearBtnRef.current = ButtonDomNode;\n      if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-prev-year')\n        ButtonDomNode?.focus?.();\n    },\n    [currFocusDescriber, latestInteractionRegion, prevYearBtnRef],\n  );\n  const handlePrevMonthRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      prevMonthBtnRef.current = ButtonDomNode;\n      if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-prev-month')\n        ButtonDomNode?.focus?.();\n    },\n    [currFocusDescriber, latestInteractionRegion, prevMonthBtnRef],\n  );\n  const handleNextMonthRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      nextMonthBtnRef.current = ButtonDomNode;\n      if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-next-month')\n        ButtonDomNode?.focus?.();\n    },\n    [currFocusDescriber, latestInteractionRegion, nextMonthBtnRef],\n  );\n  const handleNextYearRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      nextYearBtnRef.current = ButtonDomNode;\n      if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-next-year')\n        ButtonDomNode?.focus?.();\n    },\n    [currFocusDescriber, latestInteractionRegion, nextYearBtnRef],\n  );\n\n  return (\n    <StyledHeader>\n      <StyledHeaderButton\n        aria-label=\"previous year\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handlePrevYear}\n        innerRef={handlePrevYearRef}\n        onKeyDown={handlePrevYearKeyDown}\n        onFocus={onPrevYearFocus}\n        tabIndex={isControllerOnly ? -1 : 0}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR}\n        type=\"button\"\n      >\n        <ChevronDoubleLeft height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <StyledHeaderButton\n        autoFocus={autoFocusPrevMonthArrow}\n        aria-label=\"previous month\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handlePrevMonth}\n        innerRef={handlePrevMonthRef}\n        onKeyDown={handlePrevMonthKeyDown}\n        onFocus={onPrevMonthFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH}\n        type=\"button\"\n        // this is a tabstop for when the calendar is open\n      >\n        <ChevronLeft height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <StyledHeaderLabel data-testid={ControlledDateTimePickerDatatestid.CALENDAR.HEADER_LABEL}>\n        {currentFormatedDate}\n      </StyledHeaderLabel>\n      <StyledHeaderButton\n        aria-label=\"next month\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handleNextMonth}\n        innerRef={handleNextMonthRef}\n        onKeyDown={handleNextMonthKeyDown}\n        onFocus={onNextMonthFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH}\n        type=\"button\"\n      >\n        <ChevronRight height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <StyledHeaderButton\n        aria-label=\"next year\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handleNextYear}\n        innerRef={handleNextYearRef}\n        onKeyDown={handleNextYearKeyDown}\n        onFocus={onNextYearFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR}\n        type=\"button\"\n      >\n        <ChevronDoubleRight height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n    </StyledHeader>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/parts/Pickers/Calendar/CalendarIconTrigger.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var CalendarIconTrigger_exports = {};
 __export(CalendarIconTrigger_exports, {
@@ -25,7 +28,8 @@ __export(CalendarIconTrigger_exports, {
 });
 module.exports = __toCommonJS(CalendarIconTrigger_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_button = require("@elliemae/ds-button");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
@@ -38,16 +42,20 @@ const CalendarIconTrigger = () => {
     props: { disabled },
     ariaCurrentValueForInputs
   } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  return (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledIconTriggerButton, {
-    "aria-label": `date picker context menu trigger, ${ariaCurrentValueForInputs}`,
-    buttonType: "icon",
-    size: import_ds_button.BUTTON_SIZES.M,
-    innerRef: handleSetTriggerRef,
-    onClick: handleToggleCalendar,
-    onKeyDown: handlePickerIconKeyDown,
-    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR,
-    disabled,
-    type: "button"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.DatePicker, null)), [ariaCurrentValueForInputs, handleSetTriggerRef, handleToggleCalendar, handlePickerIconKeyDown, disabled]);
+  return (0, import_react.useMemo)(
+    () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledIconTriggerButton, {
+      "aria-label": `date picker context menu trigger, ${ariaCurrentValueForInputs}`,
+      buttonType: "icon",
+      size: import_ds_button.BUTTON_SIZES.M,
+      innerRef: handleSetTriggerRef,
+      onClick: handleToggleCalendar,
+      onKeyDown: handlePickerIconKeyDown,
+      "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR,
+      disabled,
+      type: "button",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.DatePicker, {})
+    }),
+    [ariaCurrentValueForInputs, handleSetTriggerRef, handleToggleCalendar, handlePickerIconKeyDown, disabled]
+  );
 };
 //# sourceMappingURL=CalendarIconTrigger.js.map

package/dist/cjs/parts/Pickers/Calendar/CalendarIconTrigger.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/CalendarIconTrigger.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext, useMemo } from 'react';\nimport { BUTTON_SIZES, BUTTON_VARIANT } from '@elliemae/ds-button';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarContext } from './CalendarContext';\nimport { StyledIconTriggerButton } from './Styleds';\n// we memoize the Icon  for maximum optimization\n// this is particularly usefull due to how usePopper needs to check the references\n// since references are saved in a immutable way, we make sure to shortcircuit useless-re-renders\nexport const CalendarIconTrigger = (): JSX.Element => {\n  const { handleToggleCalendar, handleSetTriggerRef, handlePickerIconKeyDown } = useContext(CalendarContext);\n  const {\n    props: { disabled },\n    ariaCurrentValueForInputs,\n  } = useContext(ControlledDateTimePickerContext);\n  return useMemo(\n    () => (\n      <StyledIconTriggerButton\n        aria-label={`date picker context menu trigger, ${ariaCurrentValueForInputs}`}\n        buttonType=\"icon\"\n        size={BUTTON_SIZES.M}\n        innerRef={handleSetTriggerRef}\n        onClick={handleToggleCalendar}\n        onKeyDown={handlePickerIconKeyDown}\n        data-testid={ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR}\n        disabled={disabled}\n        type=\"button\"\n      >\n        <DatePicker />\n      </StyledIconTriggerButton>\n    ),\n    [ariaCurrentValueForInputs, handleSetTriggerRef, handleToggleCalendar, handlePickerIconKeyDown, disabled],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAC3C,uBAA6C;AAC7C,sBAA2B;AAC3B,gDAAmD;AACnD,yCAAgD;AAChD,6BAAgC;AAChC,qBAAwC;AAIjC,MAAM,sBAAsB,MAAmB;AACpD,QAAM,EAAE,sBAAsB,qBAAqB,4BAA4B,6BAAW,sCAAe;AACzG,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,MACE,6BAAW,kEAA+B;AAC9C,SAAO,0BACL,MACE,mDAAC;AAAA,IACC,cAAY,qCAAqC;AAAA,IACjD,YAAW;AAAA,IACX,MAAM,8BAAa;AAAA,IACnB,UAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,eAAa,6EAAmC,aAAa;AAAA,IAC7D;AAAA,IACA,MAAK;AAAA,KAEL,mDAAC,gCAAW,CACd,GAEF,CAAC,2BAA2B,qBAAqB,sBAAsB,yBAAyB,QAAQ,CAC1G;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAA2C;AAC3C,uBAA6C;AAC7C,sBAA2B;AAC3B,gDAAmD;AACnD,yCAAgD;AAChD,6BAAgC;AAChC,qBAAwC;AAIjC,MAAM,sBAAsB,MAAmB;AACpD,QAAM,EAAE,sBAAsB,qBAAqB,wBAAwB,QAAI,yBAAW,sCAAe;AACzG,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS;AAAA,IAClB;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,aAAO;AAAA,IACL,MACE,4CAAC;AAAA,MACC,cAAY,qCAAqC;AAAA,MACjD,YAAW;AAAA,MACX,MAAM,8BAAa;AAAA,MACnB,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAW;AAAA,MACX,eAAa,6EAAmC,aAAa;AAAA,MAC7D;AAAA,MACA,MAAK;AAAA,MAEL,sDAAC,8BAAW;AAAA,KACd;AAAA,IAEF,CAAC,2BAA2B,qBAAqB,sBAAsB,yBAAyB,QAAQ;AAAA,EAC1G;AACF;",
   "names": []
 }

package/dist/cjs/parts/Pickers/Calendar/CalendarMonthDays.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var CalendarMonthDays_exports = {};
 __export(CalendarMonthDays_exports, {
@@ -25,14 +28,15 @@ __export(CalendarMonthDays_exports, {
 });
 module.exports = __toCommonJS(CalendarMonthDays_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
 var import_CalendarDaysList = require("./CalendarDaysList");
 var import_CalendarContext = require("./CalendarContext");
 const CalendarMonthDays = () => {
   const { invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay } = (0, import_react.useContext)(import_CalendarContext.CalendarContext);
   const { calendarDaysWrapperRef } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  return /* @__PURE__ */ import_react.default.createElement(import_CalendarDaysList.CalendarDaysList, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarDaysList.CalendarDaysList, {
     invisibleFirstDay,
     daysMatrixByWeekday,
     invisibleLastDay,

package/dist/cjs/parts/Pickers/Calendar/CalendarMonthDays.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/CalendarMonthDays.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext } from 'react';\n\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarDaysList } from './CalendarDaysList';\nimport { CalendarContext } from './CalendarContext';\n\nexport const CalendarMonthDays = (): JSX.Element => {\n  const { invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay } = useContext(CalendarContext);\n  const { calendarDaysWrapperRef } = useContext(ControlledDateTimePickerContext);\n\n  return (\n    <CalendarDaysList\n      invisibleFirstDay={invisibleFirstDay}\n      daysMatrixByWeekday={daysMatrixByWeekday}\n      invisibleLastDay={invisibleLastDay}\n      innerRef={calendarDaysWrapperRef}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAElC,yCAAgD;AAChD,8BAAiC;AACjC,6BAAgC;AAEzB,MAAM,oBAAoB,MAAmB;AAClD,QAAM,EAAE,mBAAmB,qBAAqB,qBAAqB,6BAAW,sCAAe;AAC/F,QAAM,EAAE,2BAA2B,6BAAW,kEAA+B;AAE7E,SACE,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,GACZ;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAElC,yCAAgD;AAChD,8BAAiC;AACjC,6BAAgC;AAEzB,MAAM,oBAAoB,MAAmB;AAClD,QAAM,EAAE,mBAAmB,qBAAqB,iBAAiB,QAAI,yBAAW,sCAAe;AAC/F,QAAM,EAAE,uBAAuB,QAAI,yBAAW,kEAA+B;AAE7E,SACE,4CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,GACZ;AAEJ;",
   "names": []
 }

package/dist/cjs/parts/Pickers/Calendar/CalendarWeekDays.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var CalendarWeekDays_exports = {};
 __export(CalendarWeekDays_exports, {
@@ -25,39 +28,57 @@ __export(CalendarWeekDays_exports, {
 });
 module.exports = __toCommonJS(CalendarWeekDays_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_Styleds = require("./Styleds");
-const CalendarWeekDays = import_react.default.memo(() => /* @__PURE__ */ import_react.default.createElement("span", {
-  role: "rowgroup"
-}, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysListWrapper, {
-  role: "row",
-  cols: ["32px", "32px", "32px", "32px", "32px", "32px", "32px"],
-  rows: ["22px"],
-  py: "xxxs",
-  px: "6px",
-  justifyContent: "space-between",
-  alignItems: "center",
-  isHeader: true
-}, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 1
-}, "sun"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 2
-}, "mon"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 3
-}, "tue"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 4
-}, "wed"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 5
-}, "thu"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 6
-}, "fri"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 7
-}, "sat"))));
+const CalendarWeekDays = import_react.default.memo(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+  role: "rowgroup",
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledWeekDaysListWrapper, {
+    role: "row",
+    cols: ["32px", "32px", "32px", "32px", "32px", "32px", "32px"],
+    rows: ["22px"],
+    py: "xxxs",
+    px: "6px",
+    justifyContent: "space-between",
+    alignItems: "center",
+    isHeader: true,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
+        role: "columnheader",
+        "aria-colindex": 1,
+        children: "sun"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
+        role: "columnheader",
+        "aria-colindex": 2,
+        children: "mon"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
+        role: "columnheader",
+        "aria-colindex": 3,
+        children: "tue"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
+        role: "columnheader",
+        "aria-colindex": 4,
+        children: "wed"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
+        role: "columnheader",
+        "aria-colindex": 5,
+        children: "thu"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
+        role: "columnheader",
+        "aria-colindex": 6,
+        children: "fri"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
+        role: "columnheader",
+        "aria-colindex": 7,
+        children: "sat"
+      })
+    ]
+  })
+}));
 //# sourceMappingURL=CalendarWeekDays.js.map

package/dist/cjs/parts/Pickers/Calendar/CalendarWeekDays.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/CalendarWeekDays.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { StyledWeekDaysListWrapper, StyledWeekDaysHeaderItem } from './Styleds';\n\nexport const CalendarWeekDays = React.memo(() => (\n  <span role=\"rowgroup\">\n    <StyledWeekDaysListWrapper\n      role=\"row\"\n      cols={['32px', '32px', '32px', '32px', '32px', '32px', '32px']}\n      rows={['22px']}\n      py=\"xxxs\"\n      px=\"6px\"\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      isHeader\n    >\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={1}>\n        sun\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={2}>\n        mon\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={3}>\n        tue\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={4}>\n        wed\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={5}>\n        thu\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={6}>\n        fri\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={7}>\n        sat\n      </StyledWeekDaysHeaderItem>\n    </StyledWeekDaysListWrapper>\n  </span>\n));\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,qBAAoE;AAE7D,MAAM,mBAAmB,qBAAM,KAAK,MACzC,mDAAC;AAAA,EAAK,MAAK;AAAA,GACT,mDAAC;AAAA,EACC,MAAK;AAAA,EACL,MAAM,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,MAAM;AAAA,EAC7D,MAAM,CAAC,MAAM;AAAA,EACb,IAAG;AAAA,EACH,IAAG;AAAA,EACH,gBAAe;AAAA,EACf,YAAW;AAAA,EACX,UAAQ;AAAA,GAER,mDAAC;AAAA,EAAyB,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,KAEhE,GACA,mDAAC;AAAA,EAAyB,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,KAEhE,GACA,mDAAC;AAAA,EAAyB,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,KAEhE,GACA,mDAAC;AAAA,EAAyB,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,KAEhE,GACA,mDAAC;AAAA,EAAyB,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,KAEhE,GACA,mDAAC;AAAA,EAAyB,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,KAEhE,GACA,mDAAC;AAAA,EAAyB,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,KAEhE,CACF,CACF,CACD;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkB;AAClB,qBAAoE;AAE7D,MAAM,mBAAmB,aAAAA,QAAM,KAAK,MACzC,4CAAC;AAAA,EAAK,MAAK;AAAA,EACT,uDAAC;AAAA,IACC,MAAK;AAAA,IACL,MAAM,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,MAAM;AAAA,IAC7D,MAAM,CAAC,MAAM;AAAA,IACb,IAAG;AAAA,IACH,IAAG;AAAA,IACH,gBAAe;AAAA,IACf,YAAW;AAAA,IACX,UAAQ;AAAA,IAER;AAAA,kDAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA,MACA,4CAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA,MACA,4CAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA,MACA,4CAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA,MACA,4CAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA,MACA,4CAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA,MACA,4CAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA;AAAA,GACF;AAAA,CACF,CACD;",
+  "names": ["React"]
 }

package/dist/cjs/parts/Pickers/Calendar/CalendarWrapper.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var CalendarWrapper_exports = {};
 __export(CalendarWrapper_exports, {
@@ -25,7 +28,8 @@ __export(CalendarWrapper_exports, {
 });
 module.exports = __toCommonJS(CalendarWrapper_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_popperjs = require("@elliemae/ds-popperjs");
 var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
 var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
@@ -35,13 +39,14 @@ const CalendarWrapper = () => {
   const { isControllerOnly } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
   const { referenceElement, closeCalendar } = (0, import_react.useContext)(import_CalendarContext.CalendarContext);
   if (isControllerOnly)
-    return /* @__PURE__ */ import_react.default.createElement(import_CalendarContent.CalendarContent, null);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_popperjs.DSPopperJS, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarContent.CalendarContent, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_popperjs.DSPopperJS, {
     showPopover: true,
     "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR,
     referenceElement,
     withoutArrow: true,
-    onClickOutside: closeCalendar
-  }, /* @__PURE__ */ import_react.default.createElement(import_CalendarContent.CalendarContent, null));
+    onClickOutside: closeCalendar,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarContent.CalendarContent, {})
+  });
 };
 //# sourceMappingURL=CalendarWrapper.js.map

package/dist/cjs/parts/Pickers/Calendar/CalendarWrapper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/CalendarWrapper.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarContent } from './CalendarContent';\nimport { CalendarContext } from './CalendarContext';\n\nexport const CalendarWrapper = (): JSX.Element => {\n  const { isControllerOnly } = useContext(ControlledDateTimePickerContext);\n  const { referenceElement, closeCalendar } = useContext(CalendarContext);\n  if (isControllerOnly) return <CalendarContent />;\n\n  return (\n    <DSPopperJS\n      showPopover\n      data-testid={ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR}\n      referenceElement={referenceElement}\n      withoutArrow\n      onClickOutside={closeCalendar}\n    >\n      <CalendarContent />\n    </DSPopperJS>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,yBAA2B;AAC3B,gDAAmD;AACnD,yCAAgD;AAChD,6BAAgC;AAChC,6BAAgC;AAEzB,MAAM,kBAAkB,MAAmB;AAChD,QAAM,EAAE,qBAAqB,6BAAW,kEAA+B;AACvE,QAAM,EAAE,kBAAkB,kBAAkB,6BAAW,sCAAe;AACtE,MAAI;AAAkB,WAAO,mDAAC,4CAAgB;AAE9C,SACE,mDAAC;AAAA,IACC,aAAW;AAAA,IACX,eAAa,6EAAmC,gBAAgB;AAAA,IAChE;AAAA,IACA,cAAY;AAAA,IACZ,gBAAgB;AAAA,KAEhB,mDAAC,4CAAgB,CACnB;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAClC,yBAA2B;AAC3B,gDAAmD;AACnD,yCAAgD;AAChD,6BAAgC;AAChC,6BAAgC;AAEzB,MAAM,kBAAkB,MAAmB;AAChD,QAAM,EAAE,iBAAiB,QAAI,yBAAW,kEAA+B;AACvE,QAAM,EAAE,kBAAkB,cAAc,QAAI,yBAAW,sCAAe;AACtE,MAAI;AAAkB,WAAO,4CAAC,0CAAgB;AAE9C,SACE,4CAAC;AAAA,IACC,aAAW;AAAA,IACX,eAAa,6EAAmC,gBAAgB;AAAA,IAChE;AAAA,IACA,cAAY;AAAA,IACZ,gBAAgB;AAAA,IAEhB,sDAAC,0CAAgB;AAAA,GACnB;AAEJ;",
   "names": []
 }