@servicetitan/anvil2 2.7.0 → 2.8.0

package/dist/Button.js

@@ -1,2 +1,2 @@
-export { B as Button, B as default } from './Button-CVsGhVJz.js';
+export { B as Button, B as default } from './Button-a_D7tUgM.js';
 //# sourceMappingURL=Button.js.map

package/dist/{ButtonToggle-DaYJWso_.js → ButtonToggle-CmY77gUp.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useState, useEffect } from 'react';
-import { B as Button } from './Button-CVsGhVJz.js';
+import { B as Button } from './Button-a_D7tUgM.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { s as styles } from './Button.module-wCtFYGVD.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
@@ -75,4 +75,4 @@ const ButtonToggle = forwardRef(
 ButtonToggle.displayName = "ButtonToggle";
 
 export { ButtonToggle as B };
-//# sourceMappingURL=ButtonToggle-DaYJWso_.js.map
+//# sourceMappingURL=ButtonToggle-CmY77gUp.js.map

package/dist/{ButtonToggle-DaYJWso_.js.map → ButtonToggle-CmY77gUp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ButtonToggle-DaYJWso_.js","sources":["../src/components/ButtonToggle/ButtonToggle.tsx"],"sourcesContent":["import {\n  forwardRef,\n  KeyboardEvent,\n  MouseEvent,\n  Ref,\n  useEffect,\n  useState,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { Button, ButtonProps } from \"../Button/Button\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"../Button/Button.module.scss\";\n\nexport type ButtonToggleState = {\n  pressed: boolean;\n  value?: string;\n};\n\n/**\n * Props for the ButtonToggle component\n * @extends Omit<ButtonProps, \"appearance\" | \"loading\">\n */\nexport type ButtonToggleProps = Omit<ButtonProps, \"appearance\" | \"loading\"> & {\n  /**\n   * The default pressed(selected) state of the toggle button.\n   * @default false\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * The controlled pressed(selected) state of the toggle button.\n   */\n  checked?: boolean;\n\n  /**\n   * The value of the toggle button.\n   */\n  value?: string;\n\n  /**\n   * Callback for when pressed(selected) changes.\n   */\n  onChange?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>,\n    state: ButtonToggleState,\n  ) => void;\n} &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\n\n/**\n * ButtonToggle component for creating toggleable button states.\n *\n * Features:\n * - Supports both controlled and uncontrolled state management\n * - Toggle state with pressed/selected visual feedback\n * - Full accessibility support with aria-pressed attribute\n * - Callback support for state changes\n * - Supports layout utilities for positioning and spacing\n * - Inherits all button features except appearance and loading\n * - Flexible content with text and/or icons\n * - Keyboard interaction support\n * - Value association for form-like behavior\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <ButtonToggle\n *   defaultChecked={false}\n *   onChange={(e, state) => console.log('Toggle state:', state.pressed)}\n * >\n *   Toggle Me\n * </ButtonToggle>\n */\nexport const ButtonToggle = forwardRef(\n  (props: ButtonToggleProps, ref: Ref<HTMLButtonElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      value,\n      defaultChecked = false,\n      checked,\n      className,\n      onClick,\n      onChange,\n      onKeyDown,\n      style,\n      icon,\n      size,\n      type,\n      ...rest\n    } = componentProps;\n\n    const [isPressed, setIsPressed] = useState(checked ?? defaultChecked);\n\n    const onClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n      if (typeof checked === \"undefined\") {\n        setIsPressed(!isPressed);\n        onChange?.(e, { pressed: !isPressed, value });\n      }\n      onClick?.(e);\n    };\n\n    useEffect(() => {\n      if (typeof checked === \"undefined\") return;\n      setIsPressed(checked);\n    }, [checked]);\n\n    const data = {\n      children: childrenToString(props.children),\n      icon,\n      size,\n      value,\n      type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"ButtonToggle\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const ButtonToggleClassNames = cx(className, styles[\"button-toggle\"]);\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n    return (\n      <Button\n        data-tracking-id={trackingId}\n        data-anv=\"button-toggle\"\n        aria-pressed={isPressed}\n        onClick={onClickHandler}\n        className={ButtonToggleClassNames}\n        value={value}\n        style={styleCombined}\n        icon={icon}\n        size={size}\n        type={type}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\n\nButtonToggle.displayName = \"ButtonToggle\";\n"],"names":[],"mappings":";;;;;;;;;AA+EO,MAAM,YAAA,GAAe,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAAA,KAAgC;AACzD,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM;AAAA,MACJ,KAAA;AAAA,MACA,cAAA,GAAiB,KAAA;AAAA,MACjB,OAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AAEJ,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAAA,CAAS,WAAW,cAAc,CAAA;AAEpE,IAAA,MAAM,cAAA,GAAiB,CAAC,CAAA,KAAqC;AAC3D,MAAA,IAAI,OAAO,YAAY,WAAA,EAAa;AAClC,QAAA,YAAA,CAAa,CAAC,SAAS,CAAA;AACvB,QAAA,QAAA,GAAW,GAAG,EAAE,OAAA,EAAS,CAAC,SAAA,EAAW,OAAO,CAAA;AAAA,MAC9C;AACA,MAAA,OAAA,GAAU,CAAC,CAAA;AAAA,IACb,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,OAAO,YAAY,WAAA,EAAa;AACpC,MAAA,YAAA,CAAa,OAAO,CAAA;AAAA,IACtB,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,QAAA,EAAU,gBAAA,CAAiB,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,IAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,aAAa,aAAA,CAAc;AAAA,MAC/B,IAAA,EAAM,cAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,MAAM,sBAAA,GAAyB,EAAA,CAAG,SAAA,EAAW,MAAA,CAAO,eAAe,CAAC,CAAA;AAEpE,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AACA,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAkB,UAAA;AAAA,QAClB,UAAA,EAAS,eAAA;AAAA,QACT,cAAA,EAAc,SAAA;AAAA,QACd,OAAA,EAAS,cAAA;AAAA,QACT,SAAA,EAAW,sBAAA;AAAA,QACX,KAAA;AAAA,QACA,KAAA,EAAO,aAAA;AAAA,QACP,IAAA;AAAA,QACA,IAAA;AAAA,QACA,IAAA;AAAA,QACA,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;;;;"}
+{"version":3,"file":"ButtonToggle-CmY77gUp.js","sources":["../src/components/ButtonToggle/ButtonToggle.tsx"],"sourcesContent":["import {\n  forwardRef,\n  KeyboardEvent,\n  MouseEvent,\n  Ref,\n  useEffect,\n  useState,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { Button, ButtonProps } from \"../Button/Button\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"../Button/Button.module.scss\";\n\nexport type ButtonToggleState = {\n  pressed: boolean;\n  value?: string;\n};\n\n/**\n * Props for the ButtonToggle component\n * @extends Omit<ButtonProps, \"appearance\" | \"loading\">\n */\nexport type ButtonToggleProps = Omit<ButtonProps, \"appearance\" | \"loading\"> & {\n  /**\n   * The default pressed(selected) state of the toggle button.\n   * @default false\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * The controlled pressed(selected) state of the toggle button.\n   */\n  checked?: boolean;\n\n  /**\n   * The value of the toggle button.\n   */\n  value?: string;\n\n  /**\n   * Callback for when pressed(selected) changes.\n   */\n  onChange?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>,\n    state: ButtonToggleState,\n  ) => void;\n} &\n  /**\n   * Data tracking id\n   */\n  DataTrackingId;\n\n/**\n * ButtonToggle component for creating toggleable button states.\n *\n * Features:\n * - Supports both controlled and uncontrolled state management\n * - Toggle state with pressed/selected visual feedback\n * - Full accessibility support with aria-pressed attribute\n * - Callback support for state changes\n * - Supports layout utilities for positioning and spacing\n * - Inherits all button features except appearance and loading\n * - Flexible content with text and/or icons\n * - Keyboard interaction support\n * - Value association for form-like behavior\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <ButtonToggle\n *   defaultChecked={false}\n *   onChange={(e, state) => console.log('Toggle state:', state.pressed)}\n * >\n *   Toggle Me\n * </ButtonToggle>\n */\nexport const ButtonToggle = forwardRef(\n  (props: ButtonToggleProps, ref: Ref<HTMLButtonElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      value,\n      defaultChecked = false,\n      checked,\n      className,\n      onClick,\n      onChange,\n      onKeyDown,\n      style,\n      icon,\n      size,\n      type,\n      ...rest\n    } = componentProps;\n\n    const [isPressed, setIsPressed] = useState(checked ?? defaultChecked);\n\n    const onClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n      if (typeof checked === \"undefined\") {\n        setIsPressed(!isPressed);\n        onChange?.(e, { pressed: !isPressed, value });\n      }\n      onClick?.(e);\n    };\n\n    useEffect(() => {\n      if (typeof checked === \"undefined\") return;\n      setIsPressed(checked);\n    }, [checked]);\n\n    const data = {\n      children: childrenToString(props.children),\n      icon,\n      size,\n      value,\n      type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"ButtonToggle\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const ButtonToggleClassNames = cx(className, styles[\"button-toggle\"]);\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n    return (\n      <Button\n        data-tracking-id={trackingId}\n        data-anv=\"button-toggle\"\n        aria-pressed={isPressed}\n        onClick={onClickHandler}\n        className={ButtonToggleClassNames}\n        value={value}\n        style={styleCombined}\n        icon={icon}\n        size={size}\n        type={type}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\n\nButtonToggle.displayName = \"ButtonToggle\";\n"],"names":[],"mappings":";;;;;;;;;AA+EO,MAAM,YAAA,GAAe,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAAA,KAAgC;AACzD,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM;AAAA,MACJ,KAAA;AAAA,MACA,cAAA,GAAiB,KAAA;AAAA,MACjB,OAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AAEJ,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAAA,CAAS,WAAW,cAAc,CAAA;AAEpE,IAAA,MAAM,cAAA,GAAiB,CAAC,CAAA,KAAqC;AAC3D,MAAA,IAAI,OAAO,YAAY,WAAA,EAAa;AAClC,QAAA,YAAA,CAAa,CAAC,SAAS,CAAA;AACvB,QAAA,QAAA,GAAW,GAAG,EAAE,OAAA,EAAS,CAAC,SAAA,EAAW,OAAO,CAAA;AAAA,MAC9C;AACA,MAAA,OAAA,GAAU,CAAC,CAAA;AAAA,IACb,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,OAAO,YAAY,WAAA,EAAa;AACpC,MAAA,YAAA,CAAa,OAAO,CAAA;AAAA,IACtB,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,QAAA,EAAU,gBAAA,CAAiB,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,IAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,aAAa,aAAA,CAAc;AAAA,MAC/B,IAAA,EAAM,cAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,MAAM,sBAAA,GAAyB,EAAA,CAAG,SAAA,EAAW,MAAA,CAAO,eAAe,CAAC,CAAA;AAEpE,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AACA,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAkB,UAAA;AAAA,QAClB,UAAA,EAAS,eAAA;AAAA,QACT,cAAA,EAAc,SAAA;AAAA,QACd,OAAA,EAAS,cAAA;AAAA,QACT,SAAA,EAAW,sBAAA;AAAA,QACX,KAAA;AAAA,QACA,KAAA,EAAO,aAAA;AAAA,QACP,IAAA;AAAA,QACA,IAAA;AAAA,QACA,IAAA;AAAA,QACA,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;;;;"}

package/dist/ButtonToggle.js

@@ -1,2 +1,2 @@
-export { B as ButtonToggle, B as default } from './ButtonToggle-DaYJWso_.js';
+export { B as ButtonToggle, B as default } from './ButtonToggle-CmY77gUp.js';
 //# sourceMappingURL=ButtonToggle.js.map

package/dist/{Calendar-SGlTt-bs.js → Calendar-Bd_WELZC.js}

@@ -1,15 +1,15 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { D as DateTime, I as Info } from './luxon-wpz4A-OQ.js';
 import { createContext, useContext, forwardRef, useState, useEffect, useRef, useCallback, useMemo, useId } from 'react';
-import { B as Button } from './Button-CVsGhVJz.js';
+import { B as Button } from './Button-a_D7tUgM.js';
 import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
 import { S as SvgKeyboardArrowUp } from './keyboard_arrow_up-CxzK6LAl.js';
 import { S as SvgKeyboardArrowLeft, a as SvgKeyboardArrowRight } from './keyboard_arrow_right-DZWNVytH.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { S as SrOnly } from './SrOnly-eUpYGpAT.js';
 import { u as useSwipe } from './useSwipe-Cp-CJxLU.js';
-import { G as Grid } from './Grid-ONcUpb__.js';
-import { S as SelectCard } from './SelectCard-cu4MBuh8.js';
+import { G as Grid } from './Grid-DeYIx5k4.js';
+import { S as SelectCard } from './SelectCard-8OmIDl1m.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { u as useVirtualizer } from './index-DXeGMe23.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
@@ -189,40 +189,40 @@ const CalendarYearButton = forwardRef((props, ref) => {
 });
 CalendarYearButton.displayName = "CalendarYearButton";
 
-const calendar = "_calendar_50kmd_2";
-const header = "_header_50kmd_15";
-const controller = "_controller_50kmd_46";
-const spacer = "_spacer_50kmd_54";
-const cell = "_cell_50kmd_67";
-const overflow = "_overflow_50kmd_98";
-const weekday = "_weekday_50kmd_104";
-const range = "_range_50kmd_149";
-const selected = "_selected_50kmd_159";
-const pip = "_pip_50kmd_233";
+const calendar = "_calendar_1fg5q_2";
+const header = "_header_1fg5q_15";
+const controller = "_controller_1fg5q_46";
+const spacer = "_spacer_1fg5q_54";
+const cell = "_cell_1fg5q_67";
+const overflow = "_overflow_1fg5q_98";
+const weekday = "_weekday_1fg5q_104";
+const range = "_range_1fg5q_149";
+const selected = "_selected_1fg5q_159";
+const pip = "_pip_1fg5q_233";
 const styles$1 = {
 	calendar: calendar,
 	header: header,
 	controller: controller,
 	spacer: spacer,
-	"day-grid": "_day-grid_50kmd_57",
+	"day-grid": "_day-grid_1fg5q_57",
 	cell: cell,
 	overflow: overflow,
 	weekday: weekday,
-	"month-selection": "_month-selection_50kmd_116",
-	"selection-checkbox": "_selection-checkbox_50kmd_116",
-	"selection-card": "_selection-card_50kmd_126",
-	"range-first": "_range-first_50kmd_149",
-	"range-last": "_range-last_50kmd_149",
+	"month-selection": "_month-selection_1fg5q_116",
+	"selection-checkbox": "_selection-checkbox_1fg5q_116",
+	"selection-card": "_selection-card_1fg5q_126",
+	"range-first": "_range-first_1fg5q_149",
+	"range-last": "_range-last_1fg5q_149",
 	range: range,
 	selected: selected,
-	"is-unavailable": "_is-unavailable_50kmd_167",
-	"hover-last": "_hover-last_50kmd_225",
-	"has-metadata": "_has-metadata_50kmd_229",
+	"is-unavailable": "_is-unavailable_1fg5q_167",
+	"hover-last": "_hover-last_1fg5q_225",
+	"has-metadata": "_has-metadata_1fg5q_229",
 	pip: pip,
-	"range-fill": "_range-fill_50kmd_245",
-	"range-disabled": "_range-disabled_50kmd_255",
-	"controller-button": "_controller-button_50kmd_263",
-	"year-selector": "_year-selector_50kmd_271"
+	"range-fill": "_range-fill_1fg5q_245",
+	"range-disabled": "_range-disabled_1fg5q_255",
+	"controller-button": "_controller-button_1fg5q_263",
+	"year-selector": "_year-selector_1fg5q_271"
 };
 
 const CalendarPrev = forwardRef(
@@ -576,14 +576,16 @@ const CalendarDay = forwardRef(
         initialized.current = true;
         return;
       }
-      if (!disableAutofocus) {
-        requestAnimationFrame(() => {
-          const targetElement = document.getElementById(`${uid}-${focusedDate.toISODate()}`) || document.activeElement?.shadowRoot?.getElementById(
-            `${uid}-${focusedDate.toISODate()}`
-          );
+      if (!isSameDay(date, focusedDate)) return;
+      requestAnimationFrame(() => {
+        const dateId = `${uid}-${focusedDate.toISODate()}`;
+        const targetElement = document.getElementById(dateId) || document.activeElement?.shadowRoot?.getElementById(dateId);
+        const deepActiveEl = document.activeElement?.shadowRoot?.activeElement ?? document.activeElement;
+        const isDayFocused = !!deepActiveEl?.id?.startsWith(`${uid}-`);
+        if (!disableAutofocus || isDayFocused) {
           targetElement?.focus();
-        });
-      }
+        }
+      });
     }, [focusedDate, uid, disableAutofocus]);
     useEffect(() => {
       if (!isUnavailableDate(focusedDate, unavailable, defaultTimeZone)) return;
@@ -1320,8 +1322,8 @@ const useCalendarBetaProps = () => {
 };
 
 const toolbarFocusStates = ["month", "year", "next", "prev", "now"];
-const CalendarElement = forwardRef(
-  (props, ref) => {
+const Calendar = Object.assign(
+  forwardRef(function CalendarInner(props, ref) {
     const uid = useId();
     const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
     const {
@@ -1551,6 +1553,15 @@ const CalendarElement = forwardRef(
     const handleHeaderKeyDown = useCallback(
       (e) => {
         switch (e.key) {
+          case "ArrowDown": {
+            e.preventDefault();
+            if (calendarSelectionState === "day") {
+              const focusedDayId = `${id ?? uid}-${focusedDate?.toISODate()}`;
+              const root = e.currentTarget.getRootNode() ?? document;
+              root.getElementById(focusedDayId)?.focus();
+            }
+            break;
+          }
           case "ArrowLeft":
             e.preventDefault();
             setToolbarFocus((previousToolbarFocus) => {
@@ -1578,7 +1589,7 @@ const CalendarElement = forwardRef(
             });
         }
       },
-      [visibleHeaderButtons]
+      [visibleHeaderButtons, calendarSelectionState, focusedDate, id, uid]
     );
     const handleMonthSelection = useCallback(
       (month) => {
@@ -1720,90 +1731,90 @@ const CalendarElement = forwardRef(
         ]
       }
     ) });
+  }),
+  {
+    /**
+     * 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
   }
 );
-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
-});
+Calendar.displayName = "Calendar";
 
 export { CalendarBetaPropsContext as C, Calendar as a, CalendarNow as b, CalendarYearButton as c, CalendarPrev as d, CalendarNext as e, CalendarMonthButton as f, CalendarMonth as g, useCalendarBetaProps as u };
-//# sourceMappingURL=Calendar-SGlTt-bs.js.map
+//# sourceMappingURL=Calendar-Bd_WELZC.js.map