@autoguru/overdrive 4.46.0 → 4.47.0

package/dist/styles/selectors.d.ts

@@ -1,10 +1,11 @@
 export declare const selectors: {
     readonly active: "&:active";
     readonly checked: "&:checked, &[data-checked], &[data-selected]";
-    readonly disabled: "&:disabled, &[data-disabled]";
+    readonly disabled: "&:disabled, &[data-disabled], &[aria-disabled=\"true\"]";
     readonly focus: "&:focus, &[data-focus], &[data-focused]";
     readonly focusVisible: "&:focus-visible, &[data-focus-visible]";
     readonly selected: "&[data-selected], &[aria-selected=\"true\"]";
+    readonly unavailable: "&[data-unavailable]";
     readonly hover: string;
     readonly hoverNotDisabled: string;
     readonly hoverNotSelected: 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;;;;;;;;;;;CAmBZ,CAAC"}
+{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../lib/styles/selectors.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;;;;;;;;;;;CAoBZ,CAAC"}

package/dist/styles/selectors.js

@@ -7,10 +7,11 @@
 export const selectors = {
   active: '&:active',
   checked: '&:checked, &[data-checked], &[data-selected]',
-  disabled: '&:disabled, &[data-disabled]',
+  disabled: '&:disabled, &[data-disabled], &[aria-disabled="true"]',
   focus: '&:focus, &[data-focus], &[data-focused]',
   focusVisible: '&:focus-visible, &[data-focus-visible]',
   selected: '&[data-selected], &[aria-selected="true"]',
+  unavailable: '&[data-unavailable]',
   get hover() {
     return `&:hover:not(${this.disabled}), &[data-hover]:not(${this.disabled})`;
   },

package/dist/utils/dateFormat.d.ts

@@ -0,0 +1,24 @@
+import { type DateValue } from '@internationalized/date';
+/**
+ * Checks if a given DateValue represents today's date
+ * @param dateValue
+ * @returns boolean
+ */
+export declare function isToday(date: DateValue | string | null | undefined): boolean;
+/**
+ * Formats a date value or ISO date string for display, with special handling for "today"
+ *
+ * @param date - DateValue, ISO date string, or null/undefined
+ * @param format - Intl date formatting style (default: 'medium')
+ * @param locales - Locales for formatting (default: 'en-AU')
+ * @returns Formatted date string or empty string for null/undefined
+ *
+ * @example
+ * ```ts
+ * displayFormattedDate('2025-05-01') // "May 01, 2025"
+ * displayFormattedDate('2024-01-15', 'full') // "Monday, January 15, 2024"
+ * displayFormattedDate('2025-09-21', 'short') // "21/9/25"
+ * ```
+ */
+export declare function displayFormattedDate(date: DateValue | string | null | undefined, format?: Intl.DateTimeFormatOptions['dateStyle'], locales?: Intl.LocalesArgument): string;
+//# sourceMappingURL=dateFormat.d.ts.map

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

@@ -0,0 +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;;;;;;;;;;;;;;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"}

package/dist/utils/dateFormat.js

@@ -0,0 +1,57 @@
+"use strict";
+
+import { getLocalTimeZone, parseDate, today } from '@internationalized/date';
+
+/**
+ * Checks if a given DateValue represents today's date
+ * @param dateValue
+ * @returns boolean
+ */
+export function isToday(date) {
+  if (!date) return false;
+  if (typeof date === 'string') {
+    try {
+      date = parseDate(date);
+    } catch {
+      return false;
+    }
+  }
+  return date.compare(today(getLocalTimeZone())) === 0;
+}
+
+/**
+ * Formats a date value or ISO date string for display, with special handling for "today"
+ *
+ * @param date - DateValue, ISO date string, or null/undefined
+ * @param format - Intl date formatting style (default: 'medium')
+ * @param locales - Locales for formatting (default: 'en-AU')
+ * @returns Formatted date string or empty string for null/undefined
+ *
+ * @example
+ * ```ts
+ * displayFormattedDate('2025-05-01') // "May 01, 2025"
+ * displayFormattedDate('2024-01-15', 'full') // "Monday, January 15, 2024"
+ * displayFormattedDate('2025-09-21', 'short') // "21/9/25"
+ * ```
+ */
+export function displayFormattedDate(date, format = 'medium', locales = 'en-AU') {
+  if (!date) return '';
+  let dateValue;
+
+  // Handle string input by parsing it
+  if (typeof date === 'string') {
+    try {
+      dateValue = parseDate(date);
+    } catch {
+      return date; // Return original string if parsing fails
+    }
+  } else {
+    dateValue = date;
+  }
+
+  // Format the date using Intl.DateTimeFormat
+  const formatter = new Intl.DateTimeFormat(locales, {
+    dateStyle: format
+  });
+  return formatter.format(dateValue.toDate(getLocalTimeZone()));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.46.0",
+	"version": "4.47.0",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",
@@ -64,39 +64,39 @@
 		"@autoguru/tsconfig": "1.3.1",
 		"@autoguru/utilities": "^1.3.3",
 		"@babel/cli": "7.28.3",
-		"@babel/core": "7.28.3",
+		"@babel/core": "7.28.4",
 		"@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",
 		"@babel/plugin-proposal-object-rest-spread": "7.20.7",
 		"@babel/plugin-proposal-optional-chaining": "7.21.0",
 		"@babel/plugin-syntax-dynamic-import": "7.8.3",
-		"@babel/plugin-transform-classes": "7.28.3",
+		"@babel/plugin-transform-classes": "7.28.4",
 		"@babel/plugin-transform-runtime": "7.28.3",
 		"@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/runtime-corejs3": "7.28.3",
+		"@babel/runtime-corejs3": "7.28.4",
 		"@changesets/cli": "2.29.6",
 		"@chromatic-com/storybook": "4.1.1",
 		"@internationalized/date": "3.9.0",
 		"@octokit/rest": "22.0.0",
 		"@popperjs/core": "2.11.8",
 		"@react-stately/toggle": "3.9.1",
-		"@storybook/addon-a11y": "9.1.3",
-		"@storybook/addon-docs": "9.1.3",
-		"@storybook/addon-links": "9.1.3",
-		"@storybook/addon-onboarding": "9.1.3",
-		"@storybook/addon-vitest": "9.1.3",
-		"@storybook/react-vite": "9.1.3",
+		"@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",
 		"@testing-library/dom": "^10.4.1",
 		"@testing-library/jest-dom": "6.8.0",
 		"@testing-library/react": "16.3.0",
 		"@testing-library/react-hooks": "8.0.1",
 		"@testing-library/user-event": "14.6.1",
-		"@types/node": "24.3.0",
+		"@types/node": "24.3.1",
 		"@types/react": "19.1.12",
 		"@types/react-dom": "19.1.9",
 		"@types/webpack-env": "1.18.8",
@@ -110,7 +110,7 @@
 		"@vanilla-extract/webpack-plugin": "2.3.22",
 		"@vitest/browser": "3.2.4",
 		"@vitest/coverage-v8": "3.2.4",
-		"@vitest/eslint-plugin": "1.3.5",
+		"@vitest/eslint-plugin": "1.3.9",
 		"babel-plugin-add-import-extension": "1.6.0",
 		"babel-plugin-dev-expression": "0.2.3",
 		"babel-plugin-macros": "3.1.0",
@@ -124,16 +124,16 @@
 		"deepmerge": "4.3.1",
 		"es-toolkit": "1.39.10",
 		"eslint": "9.34.0",
-		"eslint-plugin-storybook": "9.1.3",
+		"eslint-plugin-storybook": "9.1.5",
 		"husky": "9.1.7",
 		"intersection-observer": "0.12.2",
 		"jsdom": "26.1.0",
-		"lint-staged": "16.1.5",
-		"magic-string": "0.30.18",
+		"lint-staged": "16.1.6",
+		"magic-string": "0.30.19",
 		"mini-css-extract-plugin": "2.9.4",
 		"mockdate": "3.0.5",
 		"playwright": "1.55.0",
-		"plop": "4.0.1",
+		"plop": "4.0.2",
 		"postcss": "8.5.6",
 		"prettier": "3.6.2",
 		"prop-types": "15.8.1",
@@ -148,11 +148,11 @@
 		"react-stately": "3.41.0",
 		"react-swipeable": "7.0.2",
 		"rollup-plugin-visualizer": "6.0.3",
-		"storybook": "9.1.3",
+		"storybook": "9.1.5",
 		"storybook-addon-tag-badges": "2.0.2",
 		"typescript": "5.9.2",
 		"url-loader": "4.1.1",
-		"vite": "7.1.3",
+		"vite": "7.1.5",
 		"vitest": "3.2.4",
 		"webpack": "5.101.3"
 	},

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { type AriaButtonProps } from 'react-aria';
-export declare const CalendarButton: (props: AriaButtonProps) => React.JSX.Element;
-//# sourceMappingURL=CalendarButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarButton.d.ts","sourceRoot":"","sources":["../../../lib/components/DateTimePicker/CalendarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EAAa,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAI7D,eAAO,MAAM,cAAc,GAAI,OAAO,eAAe,sBAQpD,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarGrid.d.ts","sourceRoot":"","sources":["../../../lib/components/DateTimePicker/CalendarGrid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EAKN,KAAK,qBAAqB,EAC1B,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AA8CnD,UAAU,iBAAkB,SAAQ,qBAAqB;IACxD,KAAK,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,GAAI,qBAAqB,iBAAiB,sBA2ClE,CAAC"}