@autoguru/overdrive 4.49.0 → 4.51.0

package/dist/components/Popover/Popover.js

@@ -53,6 +53,7 @@ export const Popover = _ref2 => {
   const popoverRef = useRef(null);
   const [isTablet] = useMedia(['tablet']);
   const isFullScreen = !isTablet;
+  const textValues = _objectSpread(_objectSpread({}, defaultEnglish), lang);
 
   // Handle Esc manually since we have two different modes (popover vs fullscreen dialog)
   // and react-aria would need a slightly different ModalTrigger pattern
@@ -78,7 +79,6 @@ export const Popover = _ref2 => {
 
   // Fullscreen mode: render Dialog directly without popover positioning
   if (isFullScreen) {
-    var _lang$close;
     return /*#__PURE__*/_jsx(Overlay, {
       children: /*#__PURE__*/_jsx(Dialog, {
         children: /*#__PURE__*/_jsx("div", {
@@ -99,7 +99,7 @@ export const Popover = _ref2 => {
                 minimal: true,
                 rounded: true,
                 onClick: state.close,
-                "aria-label": (_lang$close = lang === null || lang === void 0 ? void 0 : lang.close) !== null && _lang$close !== void 0 ? _lang$close : defaultEnglish.close,
+                "aria-label": textValues.close,
                 children: /*#__PURE__*/_jsx(Icon, {
                   icon: CloseIcon
                 })

package/dist/components/Popover/PopoverTrigger.d.ts

@@ -1,7 +1,11 @@
 import React from 'react';
 import { type AriaPopoverProps } from 'react-aria';
 import type { TestIdProp } from '../../types';
-import { type Language } from './Popover';
+import { type PopoverTextContent } from './Popover';
+export type OnStateReadyValue = {
+    close: () => void;
+    isOpen: boolean;
+};
 /**
  * Props for the PopoverTrigger component.
  */
@@ -22,13 +26,12 @@ export interface PopoverTriggerProps extends Pick<AriaPopoverProps, 'offset' | '
     /**
      * Language content override
      */
-    lang?: Language;
+    lang?: Partial<PopoverTextContent>;
     /**
      * Callback that receives the overlay trigger state for external control
      */
-    onStateReady?: (state: {
-        close: () => void;
-    }) => void;
+    onStateReady?: (state: OnStateReadyValue) => void;
+    ref?: React.RefObject<HTMLButtonElement | null>;
 }
 /**
  * A popover component that displays content in an overlay positioned relative to a trigger element.
@@ -45,7 +48,7 @@ export interface PopoverTriggerProps extends Pick<AriaPopoverProps, 'offset' | '
  * ```
  */
 export declare const PopoverTrigger: {
-    ({ content, children, isDisabled, offset, placement, shouldCloseOnInteractOutside, shouldFlip, testId, lang, onStateReady, }: PopoverTriggerProps): React.JSX.Element;
+    ({ content, children, isDisabled, offset, placement, shouldCloseOnInteractOutside, shouldFlip, testId, lang, ref, onStateReady, }: PopoverTriggerProps): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=PopoverTrigger.d.ts.map

package/dist/components/Popover/PopoverTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverTrigger.d.ts","sourceRoot":"","sources":["../../../lib/components/Popover/PopoverTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EAGN,KAAK,gBAAgB,EACrB,MAAM,YAAY,CAAC;AAGpB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAI9C,OAAO,EAAE,KAAK,QAAQ,EAAW,MAAM,WAAW,CAAC;AAGnD;;GAEG;AACH,MAAM,WAAW,mBAChB,SAAQ,IAAI,CACV,gBAAgB,EACd,QAAQ,GACR,WAAW,GACX,8BAA8B,GAC9B,YAAY,CACd,EACD,UAAU;IACX;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;CACtD;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,cAAc;kIAWxB,mBAAmB;;CAwErB,CAAC"}
+{"version":3,"file":"PopoverTrigger.d.ts","sourceRoot":"","sources":["../../../lib/components/Popover/PopoverTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EAGN,KAAK,gBAAgB,EACrB,MAAM,YAAY,CAAC;AAGpB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAI9C,OAAO,EAAW,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG7D,MAAM,MAAM,iBAAiB,GAAG;IAAE,KAAK,EAAE,MAAM,IAAI,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,CAAC;AAEvE;;GAEG;AACH,MAAM,WAAW,mBAChB,SAAQ,IAAI,CACV,gBAAgB,EACd,QAAQ,GACR,WAAW,GACX,8BAA8B,GAC9B,YAAY,CACd,EACD,UAAU;IACX;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACnC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CAChD;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,cAAc;uIAYxB,mBAAmB;;CAyErB,CAAC"}

package/dist/components/Popover/PopoverTrigger.js

@@ -39,19 +39,22 @@ export const PopoverTrigger = ({
   shouldFlip,
   testId,
   lang,
+  ref,
   onStateReady
 }) => {
   const state = useOverlayTriggerState({});
-  const triggerRef = useRef(null);
+  const internalRef = useRef(null);
+  const triggerRef = ref !== null && ref !== void 0 ? ref : internalRef;
 
   // Provide state access to parent component
   React.useEffect(() => {
     if (onStateReady) {
       onStateReady({
-        close: state.close
+        close: state.close,
+        isOpen: state.isOpen
       });
     }
-  }, [onStateReady, state.close]);
+  }, [onStateReady, state.close, state.isOpen]);
   const {
     triggerProps,
     overlayProps

package/dist/components/index.d.ts

@@ -7,11 +7,13 @@ export * from './Box';
 export * from './BulletList';
 export * from './BulletText';
 export * from './Button';
+export * from './Calendar';
 export * from './CheckBox';
 export * from './ColourInput';
 export * from './Columns';
 export * from './DateInput';
 export * from './DatePicker';
+export * from './DateTimeField';
 export * from './DividerLine';
 export * from './DropDown';
 export * from './EditableText';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,0BAA0B,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,0BAA0B,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

package/dist/components/index.js

@@ -9,11 +9,13 @@ export * from "./Box/index.js";
 export * from "./BulletList/index.js";
 export * from "./BulletText/index.js";
 export * from "./Button/index.js";
+export * from "./Calendar/index.js";
 export * from "./CheckBox/index.js";
 export * from "./ColourInput/index.js";
 export * from "./Columns/index.js";
 export * from "./DateInput/index.js";
 export * from "./DatePicker/index.js";
+export * from "./DateTimeField/index.js";
 export * from "./DividerLine/index.js";
 export * from "./DropDown/index.js";
 export * from "./EditableText/index.js";

package/dist/styles/selectors.d.ts

@@ -4,6 +4,7 @@ export declare const selectors: {
     readonly disabled: "&:disabled, &[data-disabled], &[aria-disabled=\"true\"]";
     readonly focus: "&:focus, &[data-focus], &[data-focused]";
     readonly focusVisible: "&:focus-visible, &[data-focus-visible]";
+    readonly invalid: "&:invalid, &[data-invalid]";
     readonly selected: "&[data-selected], &[aria-selected=\"true\"]";
     readonly unavailable: "&[data-unavailable]";
     readonly hover: string;

package/dist/styles/selectors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../lib/styles/selectors.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;;;;;;;;;;;CAoBZ,CAAC"}
+{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../lib/styles/selectors.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAqBZ,CAAC"}

package/dist/styles/selectors.js

@@ -10,6 +10,7 @@ export const selectors = {
   disabled: '&:disabled, &[data-disabled], &[aria-disabled="true"]',
   focus: '&:focus, &[data-focus], &[data-focused]',
   focusVisible: '&:focus-visible, &[data-focus-visible]',
+  invalid: '&:invalid, &[data-invalid]',
   selected: '&[data-selected], &[aria-selected="true"]',
   unavailable: '&[data-unavailable]',
   get hover() {

package/dist/utils/dateFormat.d.ts

@@ -12,9 +12,9 @@ export declare function isToday(date: DateValue | string | null | undefined): bo
  */
 export declare function safeParseDateString(dateString: string): DateValue | null;
 /**
- * Formats a DateValue to its string representation
+ * Formats a DateValue to its ISO string representation (YYYY-MM-DD)
  * @param date - DateValue or null
- * @returns String representation of the date or empty string for null
+ * @returns ISO date string (e.g., "2025-09-21") or empty string
  */
 export declare function formatDateValue(date: DateValue | null): string;
 /**
@@ -27,9 +27,10 @@ export declare function formatDateValue(date: DateValue | null): string;
  *
  * @example
  * ```ts
- * displayFormattedDate('2025-05-01') // "May 01, 2025"
- * displayFormattedDate('2024-01-15', 'full') // "Monday, January 15, 2024"
+ * displayFormattedDate('2025-09-21') // (locale default) "21/09/2025"
  * displayFormattedDate('2025-09-21', 'short') // "21/9/25"
+ * displayFormattedDate('2025-09-21', 'medium') // "Sep 21, 2025"
+ * displayFormattedDate('2024-01-15', 'full') // "Monday, January 15, 2024"
  * ```
  */
 export declare function displayFormattedDate(date: DateValue | string | null | undefined, format?: Intl.DateTimeFormatOptions['dateStyle'], locales?: Intl.LocalesArgument): string;

package/dist/utils/dateFormat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateFormat.d.ts","sourceRoot":"","sources":["../../lib/utils/dateFormat.ts"],"names":[],"mappings":"AAAA,OAAO,EAIN,KAAK,SAAS,EACd,MAAM,yBAAyB,CAAC;AAEjC;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,WAUlE;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAOxE;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,GAAG,MAAM,CAE9D;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CACnC,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EAC3C,MAAM,GAAE,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAY,EAC1D,OAAO,GAAE,IAAI,CAAC,eAAyB,GACrC,MAAM,CAmBR"}
+{"version":3,"file":"dateFormat.d.ts","sourceRoot":"","sources":["../../lib/utils/dateFormat.ts"],"names":[],"mappings":"AAAA,OAAO,EAIN,KAAK,SAAS,EACd,MAAM,yBAAyB,CAAC;AAEjC;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,WAUlE;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAOxE;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,GAAG,MAAM,CAE9D;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,oBAAoB,CACnC,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EAC3C,MAAM,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC,EAChD,OAAO,GAAE,IAAI,CAAC,eAAyB,GACrC,MAAM,CAmBR"}

package/dist/utils/dateFormat.js

@@ -34,9 +34,9 @@ export function safeParseDateString(dateString) {
 }
 
 /**
- * Formats a DateValue to its string representation
+ * Formats a DateValue to its ISO string representation (YYYY-MM-DD)
  * @param date - DateValue or null
- * @returns String representation of the date or empty string for null
+ * @returns ISO date string (e.g., "2025-09-21") or empty string
  */
 export function formatDateValue(date) {
   var _date$toString;
@@ -53,12 +53,13 @@ export function formatDateValue(date) {
  *
  * @example
  * ```ts
- * displayFormattedDate('2025-05-01') // "May 01, 2025"
- * displayFormattedDate('2024-01-15', 'full') // "Monday, January 15, 2024"
+ * displayFormattedDate('2025-09-21') // (locale default) "21/09/2025"
  * displayFormattedDate('2025-09-21', 'short') // "21/9/25"
+ * displayFormattedDate('2025-09-21', 'medium') // "Sep 21, 2025"
+ * displayFormattedDate('2024-01-15', 'full') // "Monday, January 15, 2024"
  * ```
  */
-export function displayFormattedDate(date, format = 'medium', locales = 'en-AU') {
+export function displayFormattedDate(date, format, locales = 'en-AU') {
   if (!date) return '';
   let dateValue;
 
@@ -72,10 +73,9 @@ export function displayFormattedDate(date, format = 'medium', locales = 'en-AU')
   } else {
     dateValue = date;
   }
-
-  // Format the date using Intl.DateTimeFormat
-  const formatter = new Intl.DateTimeFormat(locales, {
+  const formatOptions = {
     dateStyle: format
-  });
+  };
+  const formatter = new Intl.DateTimeFormat(locales, formatOptions);
   return formatter.format(dateValue.toDate(getLocalTimeZone()));
 }

package/dist/utils/responsiveStyle.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, StyleRule } from '@vanilla-extract/css/dist/vanilla-extract-css.cjs';
+import type { CSSProperties, StyleRule } from '@vanilla-extract/css';
 import { breakpoints } from '../themes/makeTheme';
 export declare const responsiveStyle: (breakpointsEntries: Partial<Record<keyof typeof breakpoints, StyleRule>>) => CSSProperties;
 //# sourceMappingURL=responsiveStyle.d.ts.map

package/dist/utils/responsiveStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"responsiveStyle.d.ts","sourceRoot":"","sources":["../../lib/utils/responsiveStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,aAAa,EACb,SAAS,EACT,MAAM,mDAAmD,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,eAAO,MAAM,eAAe,GAC3B,oBAAoB,OAAO,CAAC,MAAM,CAAC,MAAM,OAAO,WAAW,EAAE,SAAS,CAAC,CAAC,KACtE,aAiBF,CAAC"}
+{"version":3,"file":"responsiveStyle.d.ts","sourceRoot":"","sources":["../../lib/utils/responsiveStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,eAAO,MAAM,eAAe,GAC3B,oBAAoB,OAAO,CAAC,MAAM,CAAC,MAAM,OAAO,WAAW,EAAE,SAAS,CAAC,CAAC,KACtE,aAiBF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.49.0",
+	"version": "4.51.0",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",
@@ -57,14 +57,14 @@
 	},
 	"browserslist": "extends browserslist-config-autoguru",
 	"devDependencies": {
-		"@antebudimir/eslint-plugin-vanilla-extract": "^1.11.0",
+		"@antebudimir/eslint-plugin-vanilla-extract": "^1.12.0",
 		"@autoguru/babel-preset": "3.2.0",
 		"@autoguru/eslint-plugin": "2.0.0",
-		"@autoguru/icons": "1.8.12",
+		"@autoguru/icons": "1.8.16",
 		"@autoguru/tsconfig": "1.3.1",
 		"@autoguru/utilities": "^1.3.3",
 		"@babel/cli": "7.28.3",
-		"@babel/core": "7.28.4",
+		"@babel/core": "7.28.5",
 		"@babel/plugin-proposal-class-properties": "7.18.6",
 		"@babel/plugin-proposal-export-default-from": "7.27.1",
 		"@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
@@ -72,35 +72,35 @@
 		"@babel/plugin-proposal-optional-chaining": "7.21.0",
 		"@babel/plugin-syntax-dynamic-import": "7.8.3",
 		"@babel/plugin-transform-classes": "7.28.4",
-		"@babel/plugin-transform-runtime": "7.28.3",
+		"@babel/plugin-transform-runtime": "7.28.5",
 		"@babel/plugin-transform-spread": "7.27.1",
 		"@babel/plugin-transform-strict-mode": "7.27.1",
-		"@babel/preset-env": "7.28.3",
-		"@babel/preset-react": "7.27.1",
-		"@babel/preset-typescript": "7.27.1",
+		"@babel/preset-env": "7.28.5",
+		"@babel/preset-react": "7.28.5",
+		"@babel/preset-typescript": "7.28.5",
 		"@babel/runtime-corejs3": "7.28.4",
 		"@changesets/cli": "2.29.7",
 		"@chromatic-com/storybook": "4.1.1",
-		"@internationalized/date": "3.9.0",
+		"@internationalized/date": "3.10.0",
 		"@octokit/rest": "22.0.0",
 		"@popperjs/core": "2.11.8",
-		"@react-stately/toggle": "3.9.1",
-		"@storybook/addon-a11y": "9.1.8",
-		"@storybook/addon-docs": "9.1.8",
-		"@storybook/addon-links": "9.1.8",
-		"@storybook/addon-onboarding": "9.1.8",
-		"@storybook/addon-vitest": "9.1.8",
-		"@storybook/react-vite": "9.1.8",
+		"@react-stately/toggle": "3.9.2",
+		"@storybook/addon-a11y": "9.1.13",
+		"@storybook/addon-docs": "9.1.13",
+		"@storybook/addon-links": "9.1.13",
+		"@storybook/addon-onboarding": "9.1.13",
+		"@storybook/addon-vitest": "9.1.13",
+		"@storybook/react-vite": "9.1.13",
 		"@testing-library/dom": "^10.4.1",
-		"@testing-library/jest-dom": "6.8.0",
+		"@testing-library/jest-dom": "6.9.1",
 		"@testing-library/react": "16.3.0",
 		"@testing-library/react-hooks": "8.0.1",
 		"@testing-library/user-event": "14.6.1",
-		"@types/node": "24.6.0",
-		"@types/react": "19.1.15",
-		"@types/react-dom": "19.1.9",
+		"@types/node": "24.9.1",
+		"@types/react": "19.2.2",
+		"@types/react-dom": "19.2.2",
 		"@types/webpack-env": "1.18.8",
-		"@typescript-eslint/utils": "8.44.1",
+		"@typescript-eslint/utils": "8.46.2",
 		"@vanilla-extract/babel-plugin": "1.2.0",
 		"@vanilla-extract/css": "1.17.4",
 		"@vanilla-extract/dynamic": "2.1.5",
@@ -110,51 +110,51 @@
 		"@vanilla-extract/webpack-plugin": "2.3.22",
 		"@vitest/browser": "3.2.4",
 		"@vitest/coverage-v8": "3.2.4",
-		"@vitest/eslint-plugin": "1.3.13",
+		"@vitest/eslint-plugin": "1.3.23",
 		"babel-plugin-add-import-extension": "1.6.0",
 		"babel-plugin-dev-expression": "0.2.3",
 		"babel-plugin-macros": "3.1.0",
 		"browserslist-config-autoguru": "2.5.2",
-		"chromatic": "13.3.0",
+		"chromatic": "13.3.1",
 		"clsx": "2.1.1",
 		"colord": "2.9.3",
 		"concurrently": "9.2.1",
-		"core-js": "3.45.1",
+		"core-js": "3.46.0",
 		"csstype": "3.1.3",
 		"deepmerge": "4.3.1",
-		"es-toolkit": "1.39.10",
-		"eslint": "9.34.0",
-		"eslint-plugin-storybook": "9.1.8",
+		"es-toolkit": "1.40.0",
+		"eslint": "9.38.0",
+		"eslint-plugin-storybook": "9.1.13",
 		"husky": "9.1.7",
 		"intersection-observer": "0.12.2",
-		"jsdom": "26.1.0",
-		"lint-staged": "16.2.3",
-		"magic-string": "0.30.19",
+		"jsdom": "27.0.1",
+		"lint-staged": "16.2.6",
+		"magic-string": "0.30.21",
 		"mini-css-extract-plugin": "2.9.4",
 		"mockdate": "3.0.5",
-		"playwright": "1.55.1",
+		"playwright": "1.56.1",
 		"plop": "4.0.4",
 		"postcss": "8.5.6",
 		"prettier": "3.6.2",
 		"prop-types": "15.8.1",
 		"rand-seed": "3.0.0",
-		"react": "19.1.1",
-		"react-aria": "3.43.2",
-		"react-aria-components": "1.12.2",
-		"react-dom": "19.1.1",
+		"react": "19.2.0",
+		"react-aria": "3.44.0",
+		"react-aria-components": "1.13.0",
+		"react-dom": "19.2.0",
 		"react-focus-lock": "2.13.6",
 		"react-intersection-observer": "9.16.0",
 		"react-keyed-flatten-children": "5.0.1",
-		"react-stately": "3.41.0",
+		"react-stately": "3.42.0",
 		"react-swipeable": "7.0.2",
-		"rollup-plugin-visualizer": "6.0.3",
-		"storybook": "9.1.8",
-		"storybook-addon-tag-badges": "2.0.2",
-		"typescript": "5.9.2",
+		"rollup-plugin-visualizer": "6.0.5",
+		"storybook": "9.1.13",
+		"storybook-addon-tag-badges": "2.0.3",
+		"typescript": "5.9.3",
 		"url-loader": "4.1.1",
-		"vite": "7.1.7",
+		"vite": "7.1.12",
 		"vitest": "3.2.4",
-		"webpack": "5.102.0"
+		"webpack": "5.102.1"
 	},
 	"peerDependencies": {
 		"@autoguru/icons": ">=1.8.8",

package/dist/components/DateTimePicker/DateTimePicker.css.d.ts

@@ -1,4 +0,0 @@
-export declare const queryContainer: string;
-export declare const queryContainerStyle: string;
-export declare const layoutStyle: string;
-//# sourceMappingURL=DateTimePicker.css.d.ts.map

package/dist/components/DateTimePicker/DateTimePicker.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimePicker.css.d.ts","sourceRoot":"","sources":["../../../lib/components/DateTimePicker/DateTimePicker.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc,QAAoB,CAAC;AAChD,eAAO,MAAM,mBAAmB,QAO9B,CAAC;AAEH,eAAO,MAAM,WAAW,QAWtB,CAAC"}

package/dist/components/DateTimePicker/DateTimePicker.css.js

@@ -1,30 +0,0 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-__vanilla_filescope__.setFileScope("lib/components/DateTimePicker/DateTimePicker.css.ts", "@autoguru/overdrive");
-import { createContainer, style } from '@vanilla-extract/css';
-import { cssLayerComponent } from "../../styles/layers.css.js";
-import { breakpoints } from "../../themes/makeTheme.js";
-import { overdriveTokens as tokens } from "../../themes/theme.css.js"; // === Container styles
-export const queryContainer = createContainer("queryContainer");
-export const queryContainerStyle = style({
-  '@layer': {
-    [cssLayerComponent]: {
-      containerName: queryContainer,
-      containerType: 'inline-size'
-    }
-  }
-}, "queryContainerStyle");
-export const layoutStyle = style({
-  '@layer': {
-    [cssLayerComponent]: {
-      '@container': {
-        [`${queryContainer} (min-width: ${breakpoints.tablet})`]: {
-          display: 'flex',
-          gap: tokens.space[7]
-        }
-      }
-    }
-  }
-}, "layoutStyle");
-__vanilla_filescope__.endFileScope();

package/dist/components/DateTimePicker/DateTimePicker.d.ts

@@ -1,68 +0,0 @@
-import React from 'react';
-import { type AriaCalendarProps, type DateValue } from 'react-aria';
-import type { TestIdProp } from '../../types';
-import { type OptionGridProps, type OptionItem } from '../OptionGrid/OptionGrid';
-declare const defaultEnglish: {
-    readonly dateLabel: "Date";
-    readonly timeLabel: "Time";
-    readonly nextLabel: "Next month";
-    readonly prevLabel: "Previous month";
-};
-type LangContent = keyof typeof defaultEnglish;
-export type DateAndOption = {
-    date: DateValue;
-    timeOption: string;
-};
-export interface DateTimePickerProps<D extends DateValue> extends TestIdProp {
-    /**
-     * A title for the date/time selection
-     */
-    title?: string;
-    /**
-     * Calendar props passed through to the react-aria hook
-     * ([docs](https://react-spectrum.adobe.com/react-aria/useCalendar.html))
-     *
-     * *Defaults*
-     * - `defaultValue`: Today's date
-     * - `firstDayOfWeek`: Monday
-     */
-    calendarOptions?: Exclude<AriaCalendarProps<D>, 'onChange'>;
-    /**
-     * `OptionGrid` props used to generate the time picker items. Ensure to include a descriptive `label` value (for
-     * assistive technology). Currently time options are not tied to the day selection.
-     */
-    timeOptions: OptionGridProps<OptionItem>;
-    /**
-     * Allow date in the past
-     */
-    allowPastDate?: boolean;
-    /**
-     * Custom event handler return value when a date and time are both selected, return a value
-     * `{ date: DateValue, timeOption: string }` where `DateValue` comes from react-aria
-     *
-     * @returns `{ date: DateValue, timeOption: string }`
-     */
-    onChange?: (value: DateAndOption) => void;
-    /**
-     * Language content override
-     */
-    lang?: Partial<Record<LangContent, string>>;
-}
-/**
- * DateTimePicker component for selecting a date and time. The primary use case is for selecting a date and time for
- * the vehicle to be left at the place of service, not scheduling the time of the service itself. Some suppliers
- * may need the option to book a specficic time based on their availability which could require enahcement.
- *
- * For all date/time handling `@internationalized/date` is expected by react-aria. Presently only the Gregorian
- * calendar is imported for use in order to minimise bundle size. It is recommended to use the the DateTimePicker
- * uncontrolled.
- *
- * This component implements the react-aria `useCalendar` hook and supports controlled state as well
- * ([docs](https://react-spectrum.adobe.com/react-aria/useCalendar.html))
- */
-export declare const DateTimePicker: {
-    <D extends DateValue>({ allowPastDate, calendarOptions, lang, onChange, timeOptions, title, testId, }: DateTimePickerProps<D>): React.JSX.Element;
-    displayName: string;
-};
-export {};
-//# sourceMappingURL=DateTimePicker.d.ts.map

package/dist/components/DateTimePicker/DateTimePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../lib/components/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EAAS,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAI3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAI9C,OAAO,EAEN,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,MAAM,0BAA0B,CAAC;AAIlC,QAAA,MAAM,cAAc;;;;;CAKV,CAAC;AAEX,KAAK,WAAW,GAAG,MAAM,OAAO,cAAc,CAAC;AAC/C,MAAM,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,SAAS,CAAE,SAAQ,UAAU;IAC3E;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IAC5D;;;OAGG;IACH,WAAW,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACzC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;CAC5C;AAQD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc;KAAI,CAAC,SAAS,SAAS,mFAQ/C,mBAAmB,CAAC,CAAC,CAAC;;CA+ExB,CAAC"}