@servicetitan/anvil2 1.46.8 → 1.46.10

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @servicetitan/anvil2
 
+## 1.46.10
+
+### Patch Changes
+
+- [#1611](https://github.com/servicetitan/hammer/pull/1611) [`edeac4f`](https://github.com/servicetitan/hammer/commit/edeac4f9be74f2e8c28ab6dec734a87c6933c180) Thanks [@AdamLantz](https://github.com/AdamLantz)! - **BETA** [Calendar] Add `onMonthView` prop to call back as the calendar view changes
+
+- [#1534](https://github.com/servicetitan/hammer/pull/1534) [`8a69a5e`](https://github.com/servicetitan/hammer/commit/8a69a5eae1b615555a00561103038bfc02ea363e) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - **BETA** [DataTable] Initial beta release of `DataTable` and cell formatters
+
+## 1.46.9
+
+### Patch Changes
+
+- [#1603](https://github.com/servicetitan/hammer/pull/1603) [`853ab3d`](https://github.com/servicetitan/hammer/commit/853ab3dd5ca662325957d79412a7d3668f9588a3) Thanks [@ericag1985](https://github.com/ericag1985)! - **BETA** [Calendar] Add prop for date meta data
+
+- [#1598](https://github.com/servicetitan/hammer/pull/1598) [`b93a325`](https://github.com/servicetitan/hammer/commit/b93a32592af523e90c5f74a2731150d2711666e4) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - [Menu] Fix keyboard nav on custom trigger
+
 ## 1.46.8
 
 ### Patch Changes

package/dist/{AnvilProvider-C_qRQnE6.js → AnvilProvider-DkHInQRh.js}

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { t as themeStyles, T as ThemeProvider } from './ThemeProvider-Be3Pvtpz.js';
+import { t as themeStyles, T as ThemeProvider } from './ThemeProvider-7X1D1GxO.js';
 import { createContext, useState, useMemo, useContext } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
 import { u as useBreakpoint } from './useBreakpoint-Cv5fnZxs.js';
@@ -75,4 +75,4 @@ const AnvilProvider = (props) => {
 };
 
 export { AnvilProvider as A, AnvilProviderContext as a, useTooltipLegacyGroup as u };
-//# sourceMappingURL=AnvilProvider-C_qRQnE6.js.map
+//# sourceMappingURL=AnvilProvider-DkHInQRh.js.map

package/dist/{AnvilProvider-C_qRQnE6.js.map → AnvilProvider-DkHInQRh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AnvilProvider-C_qRQnE6.js","sources":["../src/providers/AnvilProvider/AnvilProvider.tsx"],"sourcesContent":["import { ThemeProvider, ThemeProviderProps } from \"../ThemeProvider\";\nimport themeStyles from \"../ThemeProvider/ThemeProvider.module.scss\";\nimport {\n  ComponentPropsWithoutRef,\n  Dispatch,\n  ReactNode,\n  SetStateAction,\n  createContext,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\nimport cx from \"classnames\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { ITranslations } from \"../LocalizationProvider/LocalizationProvider\";\nimport {\n  useBreakpoint,\n  type BreakpointReturnProps,\n} from \"../../hooks/useBreakpoint\";\nimport { useTranslations } from \"../LocalizationProvider/useTranslations\";\nimport { LocalizationContext } from \"../LocalizationProvider\";\nimport TrackingProvider from \"../TrackingProvider\";\n\nexport type AnvilProviderProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    children?: ReactNode;\n\n    themeData?: {\n      theme?: ThemeProviderProps[\"theme\"];\n      mode?: ThemeProviderProps[\"mode\"];\n    };\n\n    localizationData?: {\n      locale?: ITranslations[\"locale\"];\n      dir?: ITranslations[\"dir\"];\n      translations?: ITranslations[\"translations\"];\n    };\n  } & {\n    trackingIdData?: {\n      scope?: string;\n      optOut?: boolean;\n    };\n  };\n\nexport type AnvilProviderContextProps = {\n  breakpoint?: BreakpointReturnProps;\n};\n\nexport const AnvilProviderContext = createContext<AnvilProviderContextProps>(\n  {},\n);\n\nexport const TooltipLegacyGroupContext = createContext<{\n  disableDelayGroup: Dispatch<SetStateAction<boolean>>;\n} | null>(null);\n\nexport const useTooltipLegacyGroup = () => {\n  const context = useContext(TooltipLegacyGroupContext);\n\n  if (context == null) {\n    throw new Error(\n      \"Tooltip components must be wrapped in <AnvilProvider /> or <TooltipGroupContext.Provider />\",\n    );\n  }\n\n  return context;\n};\n\nexport const AnvilProvider = (props: AnvilProviderProps) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n  const {\n    themeData,\n    localizationData,\n    trackingIdData,\n    children,\n    className,\n    style,\n    ...rest\n  } = componentProps;\n\n  const {\n    locale = \"en\",\n    dir = \"ltr\",\n    translations = {},\n  } = localizationData ?? {};\n\n  const { scope = \"ST\", optOut } = trackingIdData ?? {};\n\n  const classNameCombined = cx(className, [themeStyles[\"theme-core\"]], {\n    [themeStyles[\"mode-dark\"]]: themeData?.mode === \"dark\",\n    [themeStyles[\"mode-light\"]]: themeData?.mode === \"light\",\n  });\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  const breakpoint = useBreakpoint();\n\n  const [disableDelayGroup, setDisableDelayGroup] = useState(false);\n\n  const { translations: t } = useTranslations(translations);\n\n  const localizationContextValue = useMemo(() => ({ locale, t }), [locale, t]);\n  const tooltipLegacyGroupContextValue = useMemo(\n    () => ({ disableDelayGroup: setDisableDelayGroup }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [disableDelayGroup],\n  );\n\n  return (\n    <AnvilProviderContext.Provider value={{ breakpoint }}>\n      <ThemeProvider\n        className={classNameCombined}\n        style={styleCombined}\n        theme={themeData?.theme}\n        mode={themeData?.mode}\n        dir={dir}\n        {...rest}\n      >\n        <TooltipLegacyGroupContext.Provider\n          value={tooltipLegacyGroupContextValue}\n        >\n          <LocalizationContext.Provider value={localizationContextValue}>\n            <TrackingProvider scope={scope} optOut={optOut}>\n              {children}\n            </TrackingProvider>\n          </LocalizationContext.Provider>\n        </TooltipLegacyGroupContext.Provider>\n      </ThemeProvider>\n    </AnvilProviderContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAiDO,MAAM,oBAAA,GAAuB,aAAA;AAAA,EAClC;AACF;AAEO,MAAM,yBAAA,GAA4B,cAE/B,IAAI,CAAA;AAEP,MAAM,wBAAwB,MAAM;AACzC,EAAA,MAAM,OAAA,GAAU,WAAW,yBAAyB,CAAA;AAEpD,EAAA,IAAI,WAAW,IAAA,EAAM;AACnB,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AAEA,EAAA,OAAO,OAAA;AACT;AAEO,MAAM,aAAA,GAAgB,CAAC,KAAA,KAA8B;AAC1D,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AAEjE,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,gBAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,cAAA;AAEJ,EAAA,MAAM;AAAA,IACJ,MAAA,GAAS,IAAA;AAAA,IACT,GAAA,GAAM,KAAA;AAAA,IACN,eAAe;AAAC,GAClB,GAAI,oBAAoB,EAAC;AAEzB,EAAA,MAAM,EAAE,KAAA,GAAQ,IAAA,EAAM,MAAA,EAAO,GAAI,kBAAkB,EAAC;AAEpD,EAAA,MAAM,oBAAoB,EAAA,CAAG,SAAA,EAAW,CAAC,WAAA,CAAY,YAAY,CAAC,CAAA,EAAG;AAAA,IACnE,CAAC,WAAA,CAAY,WAAW,CAAC,GAAG,WAAW,IAAA,KAAS,MAAA;AAAA,IAChD,CAAC,WAAA,CAAY,YAAY,CAAC,GAAG,WAAW,IAAA,KAAS;AAAA,GAClD,CAAA;AACD,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,KAAA;AAAA,IACH,GAAG;AAAA,GACL;AAEA,EAAA,MAAM,aAAa,aAAA,EAAc;AAEjC,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhE,EAAA,MAAM,EAAE,YAAA,EAAc,CAAA,EAAE,GAAI,gBAAgB,YAAY,CAAA;AAExD,EAAA,MAAM,wBAAA,GAA2B,OAAA,CAAQ,OAAO,EAAE,MAAA,EAAQ,GAAE,CAAA,EAAI,CAAC,MAAA,EAAQ,CAAC,CAAC,CAAA;AAC3E,EAAA,MAAM,8BAAA,GAAiC,OAAA;AAAA,IACrC,OAAO,EAAE,iBAAA,EAAmB,oBAAA,EAAqB,CAAA;AAAA;AAAA,IAEjD,CAAC,iBAAiB;AAAA,GACpB;AAEA,EAAA,2BACG,oBAAA,CAAqB,QAAA,EAArB,EAA8B,KAAA,EAAO,EAAE,YAAW,EACjD,QAAA,kBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,iBAAA;AAAA,MACX,KAAA,EAAO,aAAA;AAAA,MACP,OAAO,SAAA,EAAW,KAAA;AAAA,MAClB,MAAM,SAAA,EAAW,IAAA;AAAA,MACjB,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,yBAAA,CAA0B,QAAA;AAAA,QAA1B;AAAA,UACC,KAAA,EAAO,8BAAA;AAAA,UAEP,QAAA,kBAAA,GAAA,CAAC,mBAAA,CAAoB,QAAA,EAApB,EAA6B,KAAA,EAAO,wBAAA,EACnC,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAc,MAAA,EAC7B,QAAA,EACH,CAAA,EACF;AAAA;AAAA;AACF;AAAA,GACF,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AnvilProvider-DkHInQRh.js","sources":["../src/providers/AnvilProvider/AnvilProvider.tsx"],"sourcesContent":["import { ThemeProvider, ThemeProviderProps } from \"../ThemeProvider\";\nimport themeStyles from \"../ThemeProvider/ThemeProvider.module.scss\";\nimport {\n  ComponentPropsWithoutRef,\n  Dispatch,\n  ReactNode,\n  SetStateAction,\n  createContext,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\nimport cx from \"classnames\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { ITranslations } from \"../LocalizationProvider/LocalizationProvider\";\nimport {\n  useBreakpoint,\n  type BreakpointReturnProps,\n} from \"../../hooks/useBreakpoint\";\nimport { useTranslations } from \"../LocalizationProvider/useTranslations\";\nimport { LocalizationContext } from \"../LocalizationProvider\";\nimport TrackingProvider from \"../TrackingProvider\";\n\nexport type AnvilProviderProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    children?: ReactNode;\n\n    themeData?: {\n      theme?: ThemeProviderProps[\"theme\"];\n      mode?: ThemeProviderProps[\"mode\"];\n    };\n\n    localizationData?: {\n      locale?: ITranslations[\"locale\"];\n      dir?: ITranslations[\"dir\"];\n      translations?: ITranslations[\"translations\"];\n    };\n  } & {\n    trackingIdData?: {\n      scope?: string;\n      optOut?: boolean;\n    };\n  };\n\nexport type AnvilProviderContextProps = {\n  breakpoint?: BreakpointReturnProps;\n};\n\nexport const AnvilProviderContext = createContext<AnvilProviderContextProps>(\n  {},\n);\n\nexport const TooltipLegacyGroupContext = createContext<{\n  disableDelayGroup: Dispatch<SetStateAction<boolean>>;\n} | null>(null);\n\nexport const useTooltipLegacyGroup = () => {\n  const context = useContext(TooltipLegacyGroupContext);\n\n  if (context == null) {\n    throw new Error(\n      \"Tooltip components must be wrapped in <AnvilProvider /> or <TooltipGroupContext.Provider />\",\n    );\n  }\n\n  return context;\n};\n\nexport const AnvilProvider = (props: AnvilProviderProps) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n  const {\n    themeData,\n    localizationData,\n    trackingIdData,\n    children,\n    className,\n    style,\n    ...rest\n  } = componentProps;\n\n  const {\n    locale = \"en\",\n    dir = \"ltr\",\n    translations = {},\n  } = localizationData ?? {};\n\n  const { scope = \"ST\", optOut } = trackingIdData ?? {};\n\n  const classNameCombined = cx(className, [themeStyles[\"theme-core\"]], {\n    [themeStyles[\"mode-dark\"]]: themeData?.mode === \"dark\",\n    [themeStyles[\"mode-light\"]]: themeData?.mode === \"light\",\n  });\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  const breakpoint = useBreakpoint();\n\n  const [disableDelayGroup, setDisableDelayGroup] = useState(false);\n\n  const { translations: t } = useTranslations(translations);\n\n  const localizationContextValue = useMemo(() => ({ locale, t }), [locale, t]);\n  const tooltipLegacyGroupContextValue = useMemo(\n    () => ({ disableDelayGroup: setDisableDelayGroup }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [disableDelayGroup],\n  );\n\n  return (\n    <AnvilProviderContext.Provider value={{ breakpoint }}>\n      <ThemeProvider\n        className={classNameCombined}\n        style={styleCombined}\n        theme={themeData?.theme}\n        mode={themeData?.mode}\n        dir={dir}\n        {...rest}\n      >\n        <TooltipLegacyGroupContext.Provider\n          value={tooltipLegacyGroupContextValue}\n        >\n          <LocalizationContext.Provider value={localizationContextValue}>\n            <TrackingProvider scope={scope} optOut={optOut}>\n              {children}\n            </TrackingProvider>\n          </LocalizationContext.Provider>\n        </TooltipLegacyGroupContext.Provider>\n      </ThemeProvider>\n    </AnvilProviderContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAiDO,MAAM,oBAAA,GAAuB,aAAA;AAAA,EAClC;AACF;AAEO,MAAM,yBAAA,GAA4B,cAE/B,IAAI,CAAA;AAEP,MAAM,wBAAwB,MAAM;AACzC,EAAA,MAAM,OAAA,GAAU,WAAW,yBAAyB,CAAA;AAEpD,EAAA,IAAI,WAAW,IAAA,EAAM;AACnB,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AAEA,EAAA,OAAO,OAAA;AACT;AAEO,MAAM,aAAA,GAAgB,CAAC,KAAA,KAA8B;AAC1D,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AAEjE,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,gBAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,cAAA;AAEJ,EAAA,MAAM;AAAA,IACJ,MAAA,GAAS,IAAA;AAAA,IACT,GAAA,GAAM,KAAA;AAAA,IACN,eAAe;AAAC,GAClB,GAAI,oBAAoB,EAAC;AAEzB,EAAA,MAAM,EAAE,KAAA,GAAQ,IAAA,EAAM,MAAA,EAAO,GAAI,kBAAkB,EAAC;AAEpD,EAAA,MAAM,oBAAoB,EAAA,CAAG,SAAA,EAAW,CAAC,WAAA,CAAY,YAAY,CAAC,CAAA,EAAG;AAAA,IACnE,CAAC,WAAA,CAAY,WAAW,CAAC,GAAG,WAAW,IAAA,KAAS,MAAA;AAAA,IAChD,CAAC,WAAA,CAAY,YAAY,CAAC,GAAG,WAAW,IAAA,KAAS;AAAA,GAClD,CAAA;AACD,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,KAAA;AAAA,IACH,GAAG;AAAA,GACL;AAEA,EAAA,MAAM,aAAa,aAAA,EAAc;AAEjC,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhE,EAAA,MAAM,EAAE,YAAA,EAAc,CAAA,EAAE,GAAI,gBAAgB,YAAY,CAAA;AAExD,EAAA,MAAM,wBAAA,GAA2B,OAAA,CAAQ,OAAO,EAAE,MAAA,EAAQ,GAAE,CAAA,EAAI,CAAC,MAAA,EAAQ,CAAC,CAAC,CAAA;AAC3E,EAAA,MAAM,8BAAA,GAAiC,OAAA;AAAA,IACrC,OAAO,EAAE,iBAAA,EAAmB,oBAAA,EAAqB,CAAA;AAAA;AAAA,IAEjD,CAAC,iBAAiB;AAAA,GACpB;AAEA,EAAA,2BACG,oBAAA,CAAqB,QAAA,EAArB,EAA8B,KAAA,EAAO,EAAE,YAAW,EACjD,QAAA,kBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,iBAAA;AAAA,MACX,KAAA,EAAO,aAAA;AAAA,MACP,OAAO,SAAA,EAAW,KAAA;AAAA,MAClB,MAAM,SAAA,EAAW,IAAA;AAAA,MACjB,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,yBAAA,CAA0B,QAAA;AAAA,QAA1B;AAAA,UACC,KAAA,EAAO,8BAAA;AAAA,UAEP,QAAA,kBAAA,GAAA,CAAC,mBAAA,CAAoB,QAAA,EAApB,EAA6B,KAAA,EAAO,wBAAA,EACnC,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAc,MAAA,EAC7B,QAAA,EACH,CAAA,EACF;AAAA;AAAA;AACF;AAAA,GACF,EACF,CAAA;AAEJ;;;;"}

package/dist/AnvilProvider.js

@@ -1,2 +1,2 @@
-export { A as AnvilProvider, a as AnvilProviderContext, A as default } from './AnvilProvider-C_qRQnE6.js';
+export { A as AnvilProvider, a as AnvilProviderContext, A as default } from './AnvilProvider-DkHInQRh.js';
 //# sourceMappingURL=AnvilProvider.js.map

package/dist/{Calendar-BqOvsaby.js → Calendar-DaVJ96Hp.js}

@@ -9,7 +9,7 @@ import { c as cx } from './index-tZvMCc77.js';
 import { S as SrOnly } from './SrOnly-CTsYSuby.js';
 import { u as useSwipe } from './useSwipe-Cp-CJxLU.js';
 import { G as Grid } from './Grid-MGUC698u.js';
-import { S as SelectCard } from './SelectCard-Ca07K1FW.js';
+import { S as SelectCard } from './SelectCard-dEhb5KAL.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { flushSync } from 'react-dom';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
@@ -8249,6 +8249,11 @@ function rangeUpdater(value, newDate, setValue, onSelection) {
     return;
   }
 }
+const getDateMetadata = (date, dateMetadata) => {
+  if (!dateMetadata) return void 0;
+  const dateString = date.toISODate();
+  return dateString ? dateMetadata.get(dateString) : void 0;
+};
 
 const CalendarNow = forwardRef(
   (props, ref) => {
@@ -8325,37 +8330,40 @@ const CalendarYearButton = forwardRef((props, ref) => {
 });
 CalendarYearButton.displayName = "CalendarYearButton";
 
-const calendar = "_calendar_m3fpt_2";
-const header = "_header_m3fpt_15";
-const controller = "_controller_m3fpt_46";
-const spacer = "_spacer_m3fpt_53";
-const cell = "_cell_m3fpt_66";
-const overflow = "_overflow_m3fpt_97";
-const weekday = "_weekday_m3fpt_103";
-const range = "_range_m3fpt_148";
-const selected = "_selected_m3fpt_158";
+const calendar = "_calendar_1csvm_2";
+const header = "_header_1csvm_15";
+const controller = "_controller_1csvm_46";
+const spacer = "_spacer_1csvm_53";
+const cell = "_cell_1csvm_66";
+const overflow = "_overflow_1csvm_97";
+const weekday = "_weekday_1csvm_103";
+const range = "_range_1csvm_148";
+const selected = "_selected_1csvm_158";
+const pip = "_pip_1csvm_232";
 const styles$1 = {
 	calendar: calendar,
 	header: header,
 	controller: controller,
 	spacer: spacer,
-	"day-grid": "_day-grid_m3fpt_56",
+	"day-grid": "_day-grid_1csvm_56",
 	cell: cell,
 	overflow: overflow,
 	weekday: weekday,
-	"month-selection": "_month-selection_m3fpt_115",
-	"selection-checkbox": "_selection-checkbox_m3fpt_115",
-	"selection-card": "_selection-card_m3fpt_125",
-	"range-first": "_range-first_m3fpt_148",
-	"range-last": "_range-last_m3fpt_148",
+	"month-selection": "_month-selection_1csvm_115",
+	"selection-checkbox": "_selection-checkbox_1csvm_115",
+	"selection-card": "_selection-card_1csvm_125",
+	"range-first": "_range-first_1csvm_148",
+	"range-last": "_range-last_1csvm_148",
 	range: range,
 	selected: selected,
-	"is-unavailable": "_is-unavailable_m3fpt_166",
-	"hover-last": "_hover-last_m3fpt_224",
-	"range-fill": "_range-fill_m3fpt_228",
-	"range-disabled": "_range-disabled_m3fpt_238",
-	"controller-button": "_controller-button_m3fpt_246",
-	"year-selector": "_year-selector_m3fpt_254"
+	"is-unavailable": "_is-unavailable_1csvm_166",
+	"hover-last": "_hover-last_1csvm_224",
+	"has-metadata": "_has-metadata_1csvm_228",
+	pip: pip,
+	"range-fill": "_range-fill_1csvm_244",
+	"range-disabled": "_range-disabled_1csvm_254",
+	"controller-button": "_controller-button_1csvm_262",
+	"year-selector": "_year-selector_1csvm_270"
 };
 
 const CalendarPrev = forwardRef(
@@ -8532,7 +8540,8 @@ const CalendarDay = forwardRef(
       dateFormat,
       startDay,
       setSelectedMonth,
-      setSelectedYear
+      setSelectedYear,
+      dateMetadata
     } = context;
     const initialized = useRef(false);
     const futureDateSelection = useCallback(
@@ -8761,6 +8770,7 @@ const CalendarDay = forwardRef(
       unavailable,
       defaultTimeZone
     );
+    const hasMetadata = getDateMetadata(date, dateMetadata);
     const hoverRange = range && hoveredDate && value.start && !value.end && date.toMillis() > value.start.toMillis() && date.toMillis() <= hoveredDate.toMillis();
     const cellCx = cx(styles$1["cell"], {
       [styles$1["selected"]]: !isUnavailable && isSelectedDate(date),
@@ -8769,7 +8779,8 @@ const CalendarDay = forwardRef(
       [styles$1["range"]]: isRange(date) || hoverRange,
       [styles$1["is-unavailable"]]: isUnavailable,
       [styles$1["overflow"]]: !isSameMonth(date, focusedDate),
-      [styles$1["hover-last"]]: hoverRange && isSameDay(date, hoveredDate)
+      [styles$1["hover-last"]]: hoverRange && isSameDay(date, hoveredDate),
+      [styles$1["has-metadata"]]: hasMetadata
     });
     const isMinDate = minDate !== null && date.toMillis() <= minDate?.toMillis();
     const isMaxDate = maxDate !== null && date.toMillis() >= maxDate?.toMillis();
@@ -8791,7 +8802,7 @@ const CalendarDay = forwardRef(
               })
             }
           ) : null,
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsxs(
             "button",
             {
               onClick: () => onClickHandler(date),
@@ -8802,9 +8813,12 @@ const CalendarDay = forwardRef(
               onMouseEnter: () => onMouseEnterHandler(date),
               tabIndex: disableAutofocus ? -1 : isSameDay(date, focusedDate) ? 0 : -1,
               disabled: isDisabled ? true : void 0,
-              "aria-label": `${date.toLocaleString(dateFormat)}${isSelectedDate(date) ? " selected" : ""}${isMinDate ? ", You are on the first available date" : ""}${isMaxDate ? ", You are on the last available date" : ""}`,
+              "aria-label": `${date.toLocaleString(dateFormat)}${isSelectedDate(date) ? " selected" : ""}${hasMetadata ? `, ${hasMetadata}` : ""}${isMinDate ? ", You are on the first available date" : ""}${isMaxDate ? ", You are on the last available date" : ""}`,
               id: `${uid}-${date.toISODate()}`,
-              children: date.day
+              children: [
+                date.day,
+                hasMetadata && /* @__PURE__ */ jsx("span", { className: styles$1["pip"], "aria-hidden": "true" })
+              ]
             }
           )
         ]
@@ -10365,6 +10379,12 @@ const CalendarMonthSelection = forwardRef(({ onMonthSelection, ...props }, ref)
 });
 CalendarMonthSelection.displayName = "CalendarMonthSelection";
 
+const CalendarBetaPropsContext = createContext({});
+
+const useCalendarBetaProps = () => {
+  return useContext(CalendarBetaPropsContext);
+};
+
 const toolbarFocusStates = ["month", "year", "next", "prev", "now"];
 const CalendarElement = forwardRef(
   (props, ref) => {
@@ -10396,6 +10416,7 @@ const CalendarElement = forwardRef(
       _disableFocus,
       ...remainingProps
     } = componentProps;
+    const { dateMetadata, onMonthView } = useCalendarBetaProps();
     const calendarRef = useRef(null);
     const combinedRef = useMergeRefs([ref, calendarRef]);
     const lastIValue = useRef(iValue);
@@ -10484,6 +10505,17 @@ const CalendarElement = forwardRef(
     const [selectedYear, setSelectedYear] = useState(
       initialDate.year
     );
+    const currentVisibleMonth = useMemo(() => {
+      return {
+        year: focusedDate?.year ?? selectedYear,
+        month: focusedDate?.month ?? selectedMonth
+      };
+    }, [focusedDate?.month, focusedDate?.year, selectedYear, selectedMonth]);
+    useEffect(
+      () => onMonthView?.(currentVisibleMonth),
+      // eslint-disable-next-line react-hooks/exhaustive-deps -- omit onMonthView from deps because we don't want to trigger infinite re-renders
+      [currentVisibleMonth]
+    );
     useEffect(() => {
       if (!focusProp && !defaultFocusedDate) return;
       if (focusProp) {
@@ -10525,6 +10557,10 @@ const CalendarElement = forwardRef(
       () => maxDate ? normalizeDate(maxDate, defaultTimeZone) : null,
       [maxDate, defaultTimeZone]
     );
+    const dateMetadataMap = useMemo(() => {
+      if (!dateMetadata) return void 0;
+      return new Map(dateMetadata.map((item) => [item.date, item.context]));
+    }, [dateMetadata]);
     const providerValue = useMemo(() => {
       const format = {
         weekday: "long",
@@ -10558,7 +10594,8 @@ const CalendarElement = forwardRef(
         },
         locale,
         dateFormat: format,
-        startDay
+        startDay,
+        dateMetadata: dateMetadataMap
       };
     }, [
       focusedDate,
@@ -10578,6 +10615,7 @@ const CalendarElement = forwardRef(
       unavailable,
       value,
       startDay,
+      dateMetadataMap,
       _disableAutofocus
     ]);
     const handleHeaderKeyDown = useCallback(
@@ -10831,5 +10869,5 @@ const Calendar = Object.assign(CalendarElement, {
   YearButton: CalendarYearButton
 });
 
-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-BqOvsaby.js.map
+export { CalendarBetaPropsContext as C, DateTime as D, Calendar as a, CalendarNow as b, CalendarYearButton as c, CalendarPrev as d, CalendarNext as e, CalendarMonthButton as f, CalendarMonth as g, isValidDate as i, toDateString as t, useCalendarBetaProps as u };
+//# sourceMappingURL=Calendar-DaVJ96Hp.js.map