@autoguru/overdrive 4.48.0 → 4.50.0

package/dist/components/index.js

@@ -14,6 +14,7 @@ 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";
@@ -67,5 +68,6 @@ export * from "./TextContainer/index.js";
 export * from "./TextInput/index.js";
 export * from "./TextLink/index.js";
 export * from "./Toaster/index.js";
+export * from "./ToggleButtons/index.js";
 export * from "./Tooltip/index.js";
 export * from "./VisuallyHidden/index.js";

package/dist/hooks/index.d.ts

@@ -1,5 +1,6 @@
 export * from './useAnimationEvents';
 export * from './useAttachedBoxes';
+export * from './useContainerWidth';
 export * from './useDeepCompareMemo';
 export * from './useDocumentBodyStyles';
 export * from './useNegativeMargin';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC"}

package/dist/hooks/index.js

@@ -2,6 +2,7 @@
 
 export * from "./useAnimationEvents/index.js";
 export * from "./useAttachedBoxes/index.js";
+export * from "./useContainerWidth/index.js";
 export * from "./useDeepCompareMemo/index.js";
 export * from "./useDocumentBodyStyles/index.js";
 export * from "./useNegativeMargin/index.js";

package/dist/hooks/useContainerWidth/index.d.ts

@@ -0,0 +1,2 @@
+export { useContainerWidth, type UseContainerWidthProps, } from './useContainerWidth';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useContainerWidth/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useContainerWidth/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,iBAAiB,EACjB,KAAK,sBAAsB,GAC3B,MAAM,qBAAqB,CAAC"}

package/dist/hooks/useContainerWidth/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+export { useContainerWidth } from "./useContainerWidth.js";

package/dist/hooks/useContainerWidth/useContainerWidth.d.ts

@@ -0,0 +1,27 @@
+import { RefObject } from 'react';
+export interface UseContainerWidthProps {
+    containerRef: RefObject<HTMLElement>;
+    /**
+     * Debounce delay in milliseconds to prevent excessive updates during resize
+     * @default 32 (roughly 30fps)
+     */
+    debounceMs?: number;
+}
+/**
+ * Hook to observe and return the width of a container element
+ *
+ * @param containerRef - Reference to the container element to measure
+ * @param debounceMs - Debounce delay in milliseconds (default: 32ms for ~30fps)
+ * @returns Current width of the container in pixels
+ *
+ * @example
+ * ```tsx
+ * const containerRef = useRef<HTMLDivElement>(null);
+ * const width = useContainerWidth({ containerRef });
+ *
+ * // With custom debounce
+ * const width = useContainerWidth({ containerRef, debounceMs: 100 });
+ * ```
+ */
+export declare const useContainerWidth: ({ containerRef, debounceMs, }: UseContainerWidthProps) => number;
+//# sourceMappingURL=useContainerWidth.d.ts.map

package/dist/hooks/useContainerWidth/useContainerWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainerWidth.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useContainerWidth/useContainerWidth.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EAKT,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,sBAAsB;IACtC,YAAY,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACrC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,iBAAiB,GAAI,+BAG/B,sBAAsB,KAAG,MA2D3B,CAAC"}

package/dist/hooks/useContainerWidth/useContainerWidth.js

@@ -0,0 +1,68 @@
+"use strict";
+
+import { useLayoutEffect, useState, useRef, useCallback } from 'react';
+/**
+ * Hook to observe and return the width of a container element
+ *
+ * @param containerRef - Reference to the container element to measure
+ * @param debounceMs - Debounce delay in milliseconds (default: 32ms for ~30fps)
+ * @returns Current width of the container in pixels
+ *
+ * @example
+ * ```tsx
+ * const containerRef = useRef<HTMLDivElement>(null);
+ * const width = useContainerWidth({ containerRef });
+ *
+ * // With custom debounce
+ * const width = useContainerWidth({ containerRef, debounceMs: 100 });
+ * ```
+ */
+export const useContainerWidth = ({
+  containerRef,
+  debounceMs = 32
+}) => {
+  const [containerWidth, setContainerWidth] = useState(0);
+  const debounceRef = useRef(debounceMs);
+  const debouncedSetWidth = useCallback(newWidth => {
+    if (debounceRef.current) {
+      clearTimeout(debounceRef.current);
+    }
+    debounceRef.current = window.setTimeout(() => {
+      setContainerWidth(newWidth);
+    }, debounceMs);
+  }, [debounceMs]);
+  useLayoutEffect(() => {
+    if (!(containerRef !== null && containerRef !== void 0 && containerRef.current)) return;
+    const resize = () => {
+      if (containerRef.current) {
+        const newWidth = containerRef.current.getBoundingClientRect().width;
+
+        // For test environments or initial measurement, set immediately
+        if (typeof ResizeObserver === 'undefined' || containerWidth === 0) {
+          setContainerWidth(newWidth);
+        } else {
+          debouncedSetWidth(newWidth);
+        }
+      }
+    };
+
+    // Check if ResizeObserver is available (not available in some test environments)
+    if (typeof ResizeObserver === 'undefined') {
+      // Fallback for test environments - just measure once
+      resize();
+      return;
+    }
+    const resizeObserver = new ResizeObserver(resize);
+    resizeObserver.observe(containerRef.current);
+
+    // Initial measurement (immediate)
+    resize();
+    return () => {
+      resizeObserver.disconnect();
+      if (debounceRef.current) {
+        clearTimeout(debounceRef.current);
+      }
+    };
+  }, [containerRef, debouncedSetWidth, containerWidth]);
+  return containerWidth;
+};

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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.48.0",
+	"version": "4.50.0",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",
@@ -85,22 +85,22 @@
 		"@octokit/rest": "22.0.0",
 		"@popperjs/core": "2.11.8",
 		"@react-stately/toggle": "3.9.1",
-		"@storybook/addon-a11y": "9.1.5",
-		"@storybook/addon-docs": "9.1.5",
-		"@storybook/addon-links": "9.1.5",
-		"@storybook/addon-onboarding": "9.1.5",
-		"@storybook/addon-vitest": "9.1.5",
-		"@storybook/react-vite": "9.1.5",
+		"@storybook/addon-a11y": "9.1.10",
+		"@storybook/addon-docs": "9.1.10",
+		"@storybook/addon-links": "9.1.10",
+		"@storybook/addon-onboarding": "9.1.10",
+		"@storybook/addon-vitest": "9.1.10",
+		"@storybook/react-vite": "9.1.10",
 		"@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.4.0",
-		"@types/react": "19.1.13",
+		"@types/node": "24.6.0",
+		"@types/react": "19.1.15",
 		"@types/react-dom": "19.1.9",
 		"@types/webpack-env": "1.18.8",
-		"@typescript-eslint/utils": "8.41.0",
+		"@typescript-eslint/utils": "8.44.1",
 		"@vanilla-extract/babel-plugin": "1.2.0",
 		"@vanilla-extract/css": "1.17.4",
 		"@vanilla-extract/dynamic": "2.1.5",
@@ -110,12 +110,12 @@
 		"@vanilla-extract/webpack-plugin": "2.3.22",
 		"@vitest/browser": "3.2.4",
 		"@vitest/coverage-v8": "3.2.4",
-		"@vitest/eslint-plugin": "1.3.9",
+		"@vitest/eslint-plugin": "1.3.13",
 		"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.1",
-		"chromatic": "13.1.4",
+		"browserslist-config-autoguru": "2.5.2",
+		"chromatic": "13.3.0",
 		"clsx": "2.1.1",
 		"colord": "2.9.3",
 		"concurrently": "9.2.1",
@@ -124,16 +124,16 @@
 		"deepmerge": "4.3.1",
 		"es-toolkit": "1.39.10",
 		"eslint": "9.34.0",
-		"eslint-plugin-storybook": "9.1.5",
+		"eslint-plugin-storybook": "9.1.10",
 		"husky": "9.1.7",
 		"intersection-observer": "0.12.2",
 		"jsdom": "26.1.0",
-		"lint-staged": "16.1.6",
+		"lint-staged": "16.2.3",
 		"magic-string": "0.30.19",
 		"mini-css-extract-plugin": "2.9.4",
 		"mockdate": "3.0.5",
-		"playwright": "1.55.0",
-		"plop": "4.0.2",
+		"playwright": "1.55.1",
+		"plop": "4.0.4",
 		"postcss": "8.5.6",
 		"prettier": "3.6.2",
 		"prop-types": "15.8.1",
@@ -148,13 +148,13 @@
 		"react-stately": "3.41.0",
 		"react-swipeable": "7.0.2",
 		"rollup-plugin-visualizer": "6.0.3",
-		"storybook": "9.1.5",
+		"storybook": "9.1.10",
 		"storybook-addon-tag-badges": "2.0.2",
 		"typescript": "5.9.2",
 		"url-loader": "4.1.1",
-		"vite": "7.1.5",
+		"vite": "7.1.7",
 		"vitest": "3.2.4",
-		"webpack": "5.101.3"
+		"webpack": "5.102.0"
 	},
 	"peerDependencies": {
 		"@autoguru/icons": ">=1.8.8",
@@ -177,8 +177,8 @@
 		"webpack": "*"
 	},
 	"volta": {
-		"node": "22.19.0",
-		"yarn": "4.9.4"
+		"node": "22.20.0",
+		"yarn": "4.10.3"
 	},
-	"packageManager": "yarn@4.9.4"
+	"packageManager": "yarn@4.10.3"
 }

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"}

package/dist/components/DateTimePicker/DateTimePicker.js

@@ -1,130 +0,0 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { getLocalTimeZone, today } from '@internationalized/date';
-import React, { useRef } from 'react';
-import { useId } from 'react-aria';
-import { sprinkles } from "../../styles/sprinkles.css.js";
-import { dataAttrs } from "../../utils/dataAttrs.js";
-import { Calendar } from "../Calendar/index.js";
-import { Heading } from "../Heading/index.js";
-import { OptionGrid } from "../OptionGrid/OptionGrid.js";
-import { layoutStyle, queryContainerStyle } from "./DateTimePicker.css.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const defaultEnglish = {
-  dateLabel: 'Date',
-  timeLabel: 'Time',
-  nextLabel: 'Next month',
-  prevLabel: 'Previous month'
-};
-// const dateTextPunctuationEN = (text: string) =>
-// 	text
-// 		.split(' ')
-// 		.map((word, idx) => (idx === 0 ? `${word},` : word))
-// 		.join(' ');
-
-/**
- * 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 const DateTimePicker = ({
-  allowPastDate = false,
-  calendarOptions,
-  lang,
-  onChange,
-  timeOptions,
-  title,
-  testId
-}) => {
-  var _lang$dateLabel, _lang$timeLabel;
-  const selectedDate = useRef(today(getLocalTimeZone()));
-  const selectedTimeOption = useRef(null);
-  const handleChange = () => {
-    var _selectedTimeOption$c;
-    if (selectedDate.current && (_selectedTimeOption$c = selectedTimeOption.current) !== null && _selectedTimeOption$c !== void 0 && _selectedTimeOption$c.length) {
-      onChange === null || onChange === void 0 ? void 0 : onChange({
-        date: selectedDate.current,
-        timeOption: selectedTimeOption.current
-      });
-    }
-  };
-  const handleDateChange = value => {
-    selectedDate.current = value;
-    handleChange();
-  };
-  const handleTimeChange = keys => {
-    if (keys === 'all') return;
-    // we expect only a single value for time picker
-    const time = keys.values().next().value;
-    selectedTimeOption.current = time;
-    handleChange();
-  };
-  const optionGridComponentProps = _objectSpread({
-    columns: '3',
-    onSelectionChange: handleTimeChange,
-    indicator: 'none',
-    selectionMode: 'single',
-    disallowEmptySelection: true
-  }, timeOptions);
-  const titleId = useId();
-
-  // Create calendar lang props from our lang props
-  const calendarLang = lang ? {
-    nextLabel: lang.nextLabel,
-    prevLabel: lang.prevLabel
-  } : undefined;
-  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
-    role: "group",
-    "aria-labelledby": titleId,
-    className: queryContainerStyle
-  }, dataAttrs({
-    testid: testId
-  })), {}, {
-    children: [title && /*#__PURE__*/_jsx(Heading, {
-      as: "h2",
-      id: titleId,
-      mb: "6",
-      size: "8",
-      children: title
-    }), /*#__PURE__*/_jsxs("div", {
-      className: layoutStyle,
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: sprinkles({
-          flexShrink: '0'
-        }),
-        children: [/*#__PURE__*/_jsx(Heading, {
-          as: "h3",
-          mb: "4",
-          size: "6",
-          children: (_lang$dateLabel = lang === null || lang === void 0 ? void 0 : lang.dateLabel) !== null && _lang$dateLabel !== void 0 ? _lang$dateLabel : defaultEnglish.dateLabel
-        }), /*#__PURE__*/_jsx(Calendar, {
-          allowPastDate: allowPastDate,
-          calendarOptions: calendarOptions,
-          lang: calendarLang,
-          onChange: handleDateChange
-        })]
-      }), /*#__PURE__*/_jsxs("div", {
-        className: sprinkles({
-          flexGrow: '1'
-        }),
-        children: [/*#__PURE__*/_jsx(Heading, {
-          as: "h3",
-          mb: "4",
-          size: "6",
-          children: (_lang$timeLabel = lang === null || lang === void 0 ? void 0 : lang.timeLabel) !== null && _lang$timeLabel !== void 0 ? _lang$timeLabel : defaultEnglish.timeLabel
-        }), /*#__PURE__*/_jsx(OptionGrid, _objectSpread({}, optionGridComponentProps))]
-      })]
-    })]
-  }));
-};
-DateTimePicker.displayName = 'DateTimePicker';

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

@@ -1,2 +0,0 @@
-export { DateTimePicker as default } from './DateTimePicker';
-//# sourceMappingURL=default.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../lib/components/DateTimePicker/default.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/DateTimePicker/default.js

@@ -1,3 +0,0 @@
-"use strict";
-
-export { DateTimePicker as default } from "./DateTimePicker.js";