@servicetitan/anvil2 1.44.2 → 1.45.0

package/dist/{Calendar-BvftKznl-D4_xp9Rv.js → Calendar-Dq_of5A3.js}

@@ -1,18 +1,18 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef, useRef, useCallback, useEffect, useState, useId, useMemo, createContext, useContext, useLayoutEffect } from 'react';
-import { c as cx } from './index-tZvMCc77.js';
-import { S as SrOnly } from './SrOnly-BsKDHetF-B93X65F1.js';
-import { u as useSwipe } from './useSwipe-CULmVQEk-CULmVQEk.js';
-import { G as Grid } from './Grid-DFAd8mTe.js';
-import { a as SelectCard } from './SelectCard-LSAl_7Lh-BYtfe9PC.js';
-import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
-import { B as Button } from './Button-BaHFf1AT-BQy-PFB5.js';
+import { createContext, useContext, forwardRef, useState, useEffect, useRef, useCallback, useMemo, useLayoutEffect, useId } from 'react';
+import { B as Button } from './Button-BxFXQ0-n.js';
 import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
 import { S as SvgKeyboardArrowUp } from './keyboard_arrow_up-CxzK6LAl.js';
-import { a as SvgKeyboardArrowRight, S as SvgKeyboardArrowLeft } from './keyboard_arrow_right-DZWNVytH.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
+import { S as SvgKeyboardArrowLeft, a as SvgKeyboardArrowRight } from './keyboard_arrow_right-DZWNVytH.js';
+import { c as cx } from './index-tZvMCc77.js';
+import { S as SrOnly } from './SrOnly-CTsYSuby.js';
+import { u as useSwipe } from './useSwipe-CULmVQEk.js';
+import { G as Grid } from './Grid-MGUC698u.js';
+import { S as SelectCard } from './SelectCard-DOGCG0zr.js';
+import { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
 
-import './Calendar-BvftKznl.css';// these aren't really private, but nor are they really useful to document
+import './Calendar.css';// these aren't really private, but nor are they really useful to document
 
 /**
  * @private
@@ -7995,39 +7995,6 @@ function friendlyDateTime(dateTimeish) {
   }
 }
 
-const calendar = "_calendar_sc127_2";
-const header = "_header_sc127_15";
-const controller = "_controller_sc127_46";
-const spacer = "_spacer_sc127_53";
-const cell = "_cell_sc127_66";
-const overflow = "_overflow_sc127_97";
-const weekday = "_weekday_sc127_103";
-const range = "_range_sc127_148";
-const selected = "_selected_sc127_158";
-const styles = {
-	calendar: calendar,
-	header: header,
-	controller: controller,
-	spacer: spacer,
-	"day-grid": "_day-grid_sc127_56",
-	cell: cell,
-	overflow: overflow,
-	weekday: weekday,
-	"month-selection": "_month-selection_sc127_115",
-	"selection-checkbox": "_selection-checkbox_sc127_115",
-	"year-selection": "_year-selection_sc127_116",
-	"selection-card": "_selection-card_sc127_125",
-	"range-first": "_range-first_sc127_148",
-	"range-last": "_range-last_sc127_148",
-	range: range,
-	selected: selected,
-	"is-unavailable": "_is-unavailable_sc127_166",
-	"hover-last": "_hover-last_sc127_224",
-	"range-fill": "_range-fill_sc127_228",
-	"range-disabled": "_range-disabled_sc127_238",
-	"controller-button": "_controller-button_sc127_246"
-};
-
 const CalendarContext = createContext(null);
 function useCalendar() {
   const context = useContext(CalendarContext);
@@ -8037,27 +8004,6 @@ function useCalendar() {
   return context;
 }
 
-const CalendarMonthButton = forwardRef((props, ref) => {
-  const { calendarSelectionState, onClick, ...rest } = props;
-  const { selectedMonth, locale } = useCalendar();
-  const currentMonth = DateTime.fromObject({ month: selectedMonth }).setLocale(locale).toFormat("MMM");
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      ref,
-      appearance: "ghost",
-      size: "small",
-      onClick,
-      icon: {
-        after: calendarSelectionState === "month" ? SvgKeyboardArrowUp : SvgKeyboardArrowDown
-      },
-      ...rest,
-      children: currentMonth
-    }
-  );
-});
-CalendarMonthButton.displayName = "CalendarMonthButton";
-
 const isSameDay = (d1, d2) => {
   if (!d1 || !d2) return void 0;
   try {
@@ -8154,201 +8100,261 @@ function rangeUpdater(value, newDate, setValue, onSelection) {
   }
 }
 
-const CalendarNextButton = forwardRef((props, ref) => {
-  const { onClick, className, ...rest } = props;
-  const {
-    focusedDate,
-    setFocusedDate,
-    maxDate,
-    setSelectedMonth,
-    setSelectedYear
-  } = useCalendar();
-  const [disabled, setDisabled] = useState(false);
-  useEffect(() => {
-    setDisabled(
-      maxDate != null && focusedDate.plus({ month: 1 }).startOf("month") > maxDate
-    );
-  }, [maxDate, focusedDate]);
-  const onClickHandler = (e) => {
-    onClick?.(e);
-    const targetMonth = focusedDate.plus({ month: 1 }).startOf("month");
-    const targetDate = focusedDate.plus({ month: 1 });
-    const isCrossingYearBoundary = focusedDate.month === 12 && targetDate.month === 1;
-    if (maxDate !== null) {
-      if (targetDate.toMillis() <= maxDate?.toMillis()) {
-        setFocusedDate(targetDate);
-        setSelectedMonth(targetDate.month);
-        if (isCrossingYearBoundary) {
-          setSelectedYear(targetDate.year);
+const CalendarNow = forwardRef(
+  (props, ref) => {
+    const { onClick, ...rest } = props;
+    const {
+      setFocusedDate,
+      setSelectedMonth,
+      setSelectedYear,
+      value,
+      setValue,
+      defaultTimeZone,
+      unavailableDates,
+      unavailable,
+      onSelection,
+      minDate,
+      maxDate,
+      controlled,
+      range
+    } = useCalendar();
+    const nToday = DateTime.fromISO(DateTime.now().toISO(), {
+      zone: defaultTimeZone
+    }).startOf("day");
+    const onClickHandler = () => {
+      setFocusedDate(nToday);
+      setSelectedMonth(nToday.month);
+      setSelectedYear(nToday.year);
+      if (!range) {
+        onSelection?.({
+          value: toDateString(nToday) ?? void 0
+        });
+        if (!controlled) {
+          setValue(nToday);
         }
         return;
       }
-      if (!isSameMonth(targetMonth, focusedDate)) {
-        setFocusedDate(maxDate);
-        setSelectedMonth(maxDate.month);
-        if (isCrossingYearBoundary) {
-          setSelectedYear(maxDate.year);
-        }
-      }
-      return;
-    }
-    setFocusedDate(targetDate);
-    setSelectedMonth(targetDate.month);
-    if (isCrossingYearBoundary) {
-      setSelectedYear(targetDate.year);
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      onClick: onClickHandler,
-      appearance: "ghost",
-      size: "small",
-      className: cx(styles["controller-button"], className),
-      icon: SvgKeyboardArrowRight,
-      "aria-label": "Next Month",
-      "data-anv": "calendar-next",
-      ref,
-      ...rest,
-      disabled
-    }
-  );
-});
-CalendarNextButton.displayName = "CalendarNextButton";
-
-const CalendarNowButton = forwardRef((props, ref) => {
-  const { onClick, ...rest } = props;
-  const {
-    setFocusedDate,
-    setSelectedMonth,
-    setSelectedYear,
-    value,
-    setValue,
-    defaultTimeZone,
-    unavailableDates,
-    unavailable,
-    onSelection,
-    minDate,
-    maxDate,
-    controlled,
-    range
-  } = useCalendar();
-  const nToday = DateTime.fromISO(DateTime.now().toISO(), {
-    zone: defaultTimeZone
-  }).startOf("day");
-  const onClickHandler = () => {
-    setFocusedDate(nToday);
-    setSelectedMonth(nToday.month);
-    setSelectedYear(nToday.year);
-    if (!range) {
-      onSelection?.({
-        value: toDateString(nToday) ?? void 0
-      });
-      if (!controlled) {
-        setValue(nToday);
+      rangeUpdater(value, nToday, setValue, onSelection);
+    };
+    const isDisabled = isBeyondMaxDate(nToday, maxDate) || isBeyondMinDate(nToday, minDate) || isUnavailableDate(nToday, unavailableDates, unavailable, defaultTimeZone);
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        ref,
+        onClick: onClickHandler,
+        appearance: "ghost",
+        disabled: isDisabled,
+        "data-anv": "calendar-now",
+        size: "small",
+        ...rest,
+        children: "Today"
       }
-      return;
-    }
-    rangeUpdater(value, nToday, setValue, onSelection);
-  };
-  const isDisabled = isBeyondMaxDate(nToday, maxDate) || isBeyondMinDate(nToday, minDate) || isUnavailableDate(nToday, unavailableDates, unavailable, defaultTimeZone);
+    );
+  }
+);
+CalendarNow.displayName = "CalendarNowButton";
+
+const CalendarYearButton = forwardRef((props, ref) => {
+  const { calendarSelectionState, ...rest } = props;
+  const { selectedYear, locale } = useCalendar();
+  const currentYear = DateTime.fromObject({ year: selectedYear }).setLocale(locale).toLocaleString({ year: "numeric" });
   return /* @__PURE__ */ jsx(
     Button,
     {
       ref,
-      onClick: onClickHandler,
       appearance: "ghost",
-      disabled: isDisabled,
-      "data-anv": "calendar-now",
       size: "small",
+      icon: {
+        after: calendarSelectionState === "year" ? SvgKeyboardArrowUp : SvgKeyboardArrowDown
+      },
       ...rest,
-      children: "Today"
+      children: currentYear
     }
   );
 });
-CalendarNowButton.displayName = "CalendarNowButton";
-
-const CalendarPrevButton = forwardRef((props, ref) => {
-  const { onClick, className, ...rest } = props;
-  const {
-    focusedDate,
-    setFocusedDate,
-    minDate,
-    setSelectedMonth,
-    setSelectedYear
-  } = useCalendar();
-  const [disabled, setDisabled] = useState(false);
-  useEffect(() => {
-    setDisabled(
-      minDate != null && focusedDate.minus({ month: 1 }).endOf("month") < minDate
-    );
-  }, [minDate, focusedDate]);
-  const onClickHandler = (e) => {
-    onClick?.(e);
-    const targetMonth = focusedDate.minus({ month: 1 }).endOf("month");
-    const targetDate = focusedDate.minus({ month: 1 });
-    const isCrossingYearBoundary = focusedDate.month === 1 && targetDate.month === 12;
-    if (minDate !== null) {
-      if (targetDate.toMillis() >= minDate?.toMillis()) {
-        setFocusedDate(targetDate);
-        setSelectedMonth(targetDate.month);
-        if (isCrossingYearBoundary) {
-          setSelectedYear(targetDate.year);
+CalendarYearButton.displayName = "CalendarYearButton";
+
+const calendar = "_calendar_sc127_2";
+const header = "_header_sc127_15";
+const controller = "_controller_sc127_46";
+const spacer = "_spacer_sc127_53";
+const cell = "_cell_sc127_66";
+const overflow = "_overflow_sc127_97";
+const weekday = "_weekday_sc127_103";
+const range = "_range_sc127_148";
+const selected = "_selected_sc127_158";
+const styles = {
+	calendar: calendar,
+	header: header,
+	controller: controller,
+	spacer: spacer,
+	"day-grid": "_day-grid_sc127_56",
+	cell: cell,
+	overflow: overflow,
+	weekday: weekday,
+	"month-selection": "_month-selection_sc127_115",
+	"selection-checkbox": "_selection-checkbox_sc127_115",
+	"year-selection": "_year-selection_sc127_116",
+	"selection-card": "_selection-card_sc127_125",
+	"range-first": "_range-first_sc127_148",
+	"range-last": "_range-last_sc127_148",
+	range: range,
+	selected: selected,
+	"is-unavailable": "_is-unavailable_sc127_166",
+	"hover-last": "_hover-last_sc127_224",
+	"range-fill": "_range-fill_sc127_228",
+	"range-disabled": "_range-disabled_sc127_238",
+	"controller-button": "_controller-button_sc127_246"
+};
+
+const CalendarPrev = forwardRef(
+  (props, ref) => {
+    const { onClick, className, ...rest } = props;
+    const {
+      focusedDate,
+      setFocusedDate,
+      minDate,
+      setSelectedMonth,
+      setSelectedYear
+    } = useCalendar();
+    const [disabled, setDisabled] = useState(false);
+    useEffect(() => {
+      setDisabled(
+        minDate != null && focusedDate.minus({ month: 1 }).endOf("month") < minDate
+      );
+    }, [minDate, focusedDate]);
+    const onClickHandler = (e) => {
+      onClick?.(e);
+      const targetMonth = focusedDate.minus({ month: 1 }).endOf("month");
+      const targetDate = focusedDate.minus({ month: 1 });
+      const isCrossingYearBoundary = focusedDate.month === 1 && targetDate.month === 12;
+      if (minDate !== null) {
+        if (targetDate.toMillis() >= minDate?.toMillis()) {
+          setFocusedDate(targetDate);
+          setSelectedMonth(targetDate.month);
+          if (isCrossingYearBoundary) {
+            setSelectedYear(targetDate.year);
+          }
+          return;
+        }
+        if (!isSameMonth(targetMonth, focusedDate)) {
+          setFocusedDate(minDate);
+          setSelectedMonth(minDate.month);
+          if (isCrossingYearBoundary) {
+            setSelectedYear(minDate.year);
+          }
         }
         return;
       }
-      if (!isSameMonth(targetMonth, focusedDate)) {
-        setFocusedDate(minDate);
-        setSelectedMonth(minDate.month);
-        if (isCrossingYearBoundary) {
-          setSelectedYear(minDate.year);
+      setFocusedDate(targetDate);
+      setSelectedMonth(targetDate.month);
+      if (isCrossingYearBoundary) {
+        setSelectedYear(targetDate.year);
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        ref,
+        onClick: onClickHandler,
+        className: cx(styles["controller-button"], className),
+        appearance: "ghost",
+        size: "small",
+        icon: SvgKeyboardArrowLeft,
+        "data-anv": "calendar-prev",
+        "aria-label": "Previous Month",
+        ...rest,
+        disabled
+      }
+    );
+  }
+);
+CalendarPrev.displayName = "CalendarPrevButton";
+
+const CalendarNext = forwardRef(
+  (props, ref) => {
+    const { onClick, className, ...rest } = props;
+    const {
+      focusedDate,
+      setFocusedDate,
+      maxDate,
+      setSelectedMonth,
+      setSelectedYear
+    } = useCalendar();
+    const [disabled, setDisabled] = useState(false);
+    useEffect(() => {
+      setDisabled(
+        maxDate != null && focusedDate.plus({ month: 1 }).startOf("month") > maxDate
+      );
+    }, [maxDate, focusedDate]);
+    const onClickHandler = (e) => {
+      onClick?.(e);
+      const targetMonth = focusedDate.plus({ month: 1 }).startOf("month");
+      const targetDate = focusedDate.plus({ month: 1 });
+      const isCrossingYearBoundary = focusedDate.month === 12 && targetDate.month === 1;
+      if (maxDate !== null) {
+        if (targetDate.toMillis() <= maxDate?.toMillis()) {
+          setFocusedDate(targetDate);
+          setSelectedMonth(targetDate.month);
+          if (isCrossingYearBoundary) {
+            setSelectedYear(targetDate.year);
+          }
+          return;
         }
+        if (!isSameMonth(targetMonth, focusedDate)) {
+          setFocusedDate(maxDate);
+          setSelectedMonth(maxDate.month);
+          if (isCrossingYearBoundary) {
+            setSelectedYear(maxDate.year);
+          }
+        }
+        return;
       }
-      return;
-    }
-    setFocusedDate(targetDate);
-    setSelectedMonth(targetDate.month);
-    if (isCrossingYearBoundary) {
-      setSelectedYear(targetDate.year);
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      ref,
-      onClick: onClickHandler,
-      className: cx(styles["controller-button"], className),
-      appearance: "ghost",
-      size: "small",
-      icon: SvgKeyboardArrowLeft,
-      "data-anv": "calendar-prev",
-      "aria-label": "Previous Month",
-      ...rest,
-      disabled
-    }
-  );
-});
-CalendarPrevButton.displayName = "CalendarPrevButton";
+      setFocusedDate(targetDate);
+      setSelectedMonth(targetDate.month);
+      if (isCrossingYearBoundary) {
+        setSelectedYear(targetDate.year);
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        onClick: onClickHandler,
+        appearance: "ghost",
+        size: "small",
+        className: cx(styles["controller-button"], className),
+        icon: SvgKeyboardArrowRight,
+        "aria-label": "Next Month",
+        "data-anv": "calendar-next",
+        ref,
+        ...rest,
+        disabled
+      }
+    );
+  }
+);
+CalendarNext.displayName = "CalendarNextButton";
 
-const CalendarYearButton = forwardRef((props, ref) => {
-  const { calendarSelectionState, ...rest } = props;
-  const { selectedYear, locale } = useCalendar();
-  const currentYear = DateTime.fromObject({ year: selectedYear }).setLocale(locale).toLocaleString({ year: "numeric" });
+const CalendarMonthButton = forwardRef((props, ref) => {
+  const { calendarSelectionState, onClick, ...rest } = props;
+  const { selectedMonth, locale } = useCalendar();
+  const currentMonth = DateTime.fromObject({ month: selectedMonth }).setLocale(locale).toFormat("MMM");
   return /* @__PURE__ */ jsx(
     Button,
     {
       ref,
       appearance: "ghost",
       size: "small",
+      onClick,
       icon: {
-        after: calendarSelectionState === "year" ? SvgKeyboardArrowUp : SvgKeyboardArrowDown
+        after: calendarSelectionState === "month" ? SvgKeyboardArrowUp : SvgKeyboardArrowDown
       },
       ...rest,
-      children: currentYear
+      children: currentMonth
     }
   );
 });
-CalendarYearButton.displayName = "CalendarYearButton";
+CalendarMonthButton.displayName = "CalendarMonthButton";
 
 const CalendarDay = forwardRef(
   (props, ref) => {
@@ -9222,7 +9228,7 @@ const CalendarYearSelection = forwardRef(({ onYearSelection, ...props }, ref) =>
 });
 CalendarYearSelection.displayName = "CalendarYearSelection";
 
-const Calendar = forwardRef(
+const CalendarElement = forwardRef(
   (props, ref) => {
     const uid = useId();
     const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
@@ -9463,7 +9469,7 @@ const Calendar = forwardRef(
             year: focusedDate?.year ?? 1,
             month,
             day: 1
-          })
+          }).setZone(defaultTimeZone).startOf("day")
         );
         setCalendarSelectionState("day");
       },
@@ -9477,7 +9483,7 @@ const Calendar = forwardRef(
             year,
             month: focusedDate?.month ?? 1,
             day: 1
-          })
+          }).setZone(defaultTimeZone).startOf("day")
         );
         setCalendarSelectionState("day");
       },
@@ -9523,27 +9529,9 @@ const Calendar = forwardRef(
                   }
                 ),
                 calendarSelectionState === "day" && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(
-                    CalendarPrevButton,
-                    {
-                      tabIndex: -1,
-                      "data-calendar-header-button": true
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    CalendarNextButton,
-                    {
-                      tabIndex: -1,
-                      "data-calendar-header-button": true
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    CalendarNowButton,
-                    {
-                      tabIndex: -1,
-                      "data-calendar-header-button": true
-                    }
-                  )
+                  /* @__PURE__ */ jsx(CalendarPrev, { tabIndex: -1, "data-calendar-header-button": true }),
+                  /* @__PURE__ */ jsx(CalendarNext, { tabIndex: -1, "data-calendar-header-button": true }),
+                  /* @__PURE__ */ jsx(CalendarNow, { tabIndex: -1, "data-calendar-header-button": true })
                 ] })
               ]
             }
@@ -9556,7 +9544,88 @@ const Calendar = forwardRef(
     ) });
   }
 );
-Calendar.displayName = "Calendar";
+CalendarElement.displayName = "Calendar";
+const Calendar = Object.assign(CalendarElement, {
+  /**
+   * Calendar.Now component for navigating to today's date.
+   *
+   * Features:
+   * - Quick navigation to current date
+   * - Accessible button with proper ARIA labels
+   * - Integrates with calendar context
+   * - Data tracking integration for analytics
+   *
+   * @example
+   * <Calendar.Now />
+   */
+  Now: CalendarNow,
+  /**
+   * Calendar.Month component for displaying the month grid.
+   *
+   * Features:
+   * - Displays calendar days in a table format
+   * - Handles day selection and navigation
+   * - Supports range selection mode
+   * - Accessible with proper ARIA attributes
+   * - Data tracking integration for analytics
+   *
+   * @example
+   * <Calendar.Month />
+   */
+  Month: CalendarMonth,
+  /**
+   * Calendar.Next component for navigating to the next month.
+   *
+   * Features:
+   * - Navigation to next month
+   * - Accessible button with proper ARIA labels
+   * - Integrates with calendar context
+   * - Data tracking integration for analytics
+   *
+   * @example
+   * <Calendar.Next />
+   */
+  Next: CalendarNext,
+  /**
+   * Calendar.Prev component for navigating to the previous month.
+   *
+   * Features:
+   * - Navigation to previous month
+   * - Accessible button with proper ARIA labels
+   * - Integrates with calendar context
+   * - Data tracking integration for analytics
+   *
+   * @example
+   * <Calendar.Prev />
+   */
+  Prev: CalendarPrev,
+  /**
+   * Calendar.MonthButton component for switching to month selection view.
+   *
+   * Features:
+   * - Switches calendar to month selection mode
+   * - Accessible button with proper ARIA labels
+   * - Integrates with calendar context
+   * - Data tracking integration for analytics
+   *
+   * @example
+   * <Calendar.MonthButton />
+   */
+  MonthButton: CalendarMonthButton,
+  /**
+   * Calendar.YearButton component for switching to year selection view.
+   *
+   * Features:
+   * - Switches calendar to year selection mode
+   * - Accessible button with proper ARIA labels
+   * - Integrates with calendar context
+   * - Data tracking integration for analytics
+   *
+   * @example
+   * <Calendar.YearButton />
+   */
+  YearButton: CalendarYearButton
+});
 
-export { CalendarNowButton as C, DateTime as D, CalendarMonth as a, CalendarNextButton as b, CalendarPrevButton as c, CalendarMonthButton as d, CalendarYearButton as e, Calendar as f, isValidDate as i, toDateString as t };
-//# sourceMappingURL=Calendar-BvftKznl-D4_xp9Rv.js.map
+export { Calendar as C, DateTime as D, CalendarNow as a, CalendarYearButton as b, CalendarPrev as c, CalendarNext as d, CalendarMonthButton as e, CalendarMonth as f, isValidDate as i, toDateString as t };
+//# sourceMappingURL=Calendar-Dq_of5A3.js.map