@autoguru/overdrive 4.44.7 → 4.44.8

package/dist/styles/layers.css.d.ts

@@ -5,4 +5,17 @@ export declare const cssLayerTypography: string;
 export declare const cssLayerStyleprops: string;
 export declare const cssLayerComponent: string;
 export declare const cssLayerUtil: string;
+/**
+ * Map of CSS layer names to their corresponding layer objects
+ */
+export declare const cssLayerMap: {
+    readonly reset: string;
+    readonly theme: string;
+    readonly colorset: string;
+    readonly typography: string;
+    readonly styleprops: string;
+    readonly component: string;
+    readonly util: string;
+};
+export type CSSLayers = keyof typeof cssLayerMap;
 //# sourceMappingURL=layers.css.d.ts.map

package/dist/styles/layers.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layers.css.d.ts","sourceRoot":"","sources":["../../lib/styles/layers.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,QAAuB,CAAC;AAClD,eAAO,MAAM,aAAa,QAAuB,CAAC;AAClD,eAAO,MAAM,WAAW,QAAqD,CAAC;AAC9E,eAAO,MAAM,kBAAkB,QAG9B,CAAC;AACF,eAAO,MAAM,kBAAkB,QAA4B,CAAC;AAC5D,eAAO,MAAM,iBAAiB,QAA2B,CAAC;AAC1D,eAAO,MAAM,YAAY,QAAsB,CAAC"}
+{"version":3,"file":"layers.css.d.ts","sourceRoot":"","sources":["../../lib/styles/layers.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,QAAuB,CAAC;AAClD,eAAO,MAAM,aAAa,QAAuB,CAAC;AAClD,eAAO,MAAM,WAAW,QAAqD,CAAC;AAC9E,eAAO,MAAM,kBAAkB,QAG9B,CAAC;AACF,eAAO,MAAM,kBAAkB,QAA4B,CAAC;AAC5D,eAAO,MAAM,iBAAiB,QAA2B,CAAC;AAC1D,eAAO,MAAM,YAAY,QAAsB,CAAC;AAEhD;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;;CAQd,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,WAAW,CAAC"}

package/dist/styles/layers.css.js

@@ -15,4 +15,17 @@ export const cssLayerTypography = globalLayer({
 export const cssLayerStyleprops = globalLayer('styleprops');
 export const cssLayerComponent = globalLayer('component');
 export const cssLayerUtil = globalLayer('util');
+
+/**
+ * Map of CSS layer names to their corresponding layer objects
+ */
+export const cssLayerMap = {
+  reset: cssLayerReset,
+  theme: cssLayerTheme,
+  colorset: cssColorSet,
+  typography: cssLayerTypography,
+  styleprops: cssLayerStyleprops,
+  component: cssLayerComponent,
+  util: cssLayerUtil
+};
 __vanilla_filescope__.endFileScope();

package/dist/styles/responsiveStyles.d.ts

@@ -0,0 +1,35 @@
+import type { StyleRule } from '@vanilla-extract/css';
+import { type Breakpoints } from '../themes/makeTheme';
+import { type CSSLayers } from './layers.css';
+/**
+ * Type for defining styles for each breakpoint
+ */
+export type ResponsiveStyleMap = Partial<Record<Breakpoints, StyleRule>>;
+/**
+ * Creates a single responsive style class that applies different styles at different breakpoints
+ *
+ * @param styles - Object defining styles for each breakpoint
+ * @param layer - Optional CSS layer name to apply the styles within
+ * @returns A single vanilla-extract style class with responsive behavior
+ *
+ * @example
+ * ```typescript
+ * const styles = responsiveStyles({
+ *   mobile: { padding: '16px', fontSize: '14px' },
+ *   tablet: { padding: '24px', fontSize: '16px' },
+ *   desktop: { padding: '32px', fontSize: '18px' }
+ * });
+ *
+ * // With CSS layer
+ * const layeredStyles = responsiveStyles({
+ *   mobile: { padding: '16px', fontSize: '14px' },
+ *   tablet: { padding: '24px', fontSize: '16px' },
+ *   desktop: { padding: '32px', fontSize: '18px' }
+ * }, 'component');
+ *
+ * // Usage in a component
+ * <div className={styles}>Responsive content</div>
+ * ```
+ */
+export declare const responsiveStyles: (styles: ResponsiveStyleMap, layer?: CSSLayers) => string;
+//# sourceMappingURL=responsiveStyles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"responsiveStyles.d.ts","sourceRoot":"","sources":["../../lib/styles/responsiveStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGrE,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEpE,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG3D;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;AAEzE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,gBAAgB,GAC5B,QAAQ,kBAAkB,EAC1B,QAAQ,SAAS,WAoCjB,CAAC"}

package/dist/styles/responsiveStyles.js

@@ -0,0 +1,62 @@
+"use strict";
+
+import { style } from '@vanilla-extract/css';
+import { breakpoints } from "../themes/makeTheme.js";
+import { cssLayerMap } from "./layers.css.js";
+import { responsiveConditions } from "./sprinkles.css.js";
+/**
+ * Type for defining styles for each breakpoint
+ */
+/**
+ * Creates a single responsive style class that applies different styles at different breakpoints
+ *
+ * @param styles - Object defining styles for each breakpoint
+ * @param layer - Optional CSS layer name to apply the styles within
+ * @returns A single vanilla-extract style class with responsive behavior
+ *
+ * @example
+ * ```typescript
+ * const styles = responsiveStyles({
+ *   mobile: { padding: '16px', fontSize: '14px' },
+ *   tablet: { padding: '24px', fontSize: '16px' },
+ *   desktop: { padding: '32px', fontSize: '18px' }
+ * });
+ *
+ * // With CSS layer
+ * const layeredStyles = responsiveStyles({
+ *   mobile: { padding: '16px', fontSize: '14px' },
+ *   tablet: { padding: '24px', fontSize: '16px' },
+ *   desktop: { padding: '32px', fontSize: '18px' }
+ * }, 'component');
+ *
+ * // Usage in a component
+ * <div className={styles}>Responsive content</div>
+ * ```
+ */
+export const responsiveStyles = (styles, layer) => {
+  const responsiveStyle = {};
+  for (const [breakpoint, styleRule] of Object.entries(styles)) {
+    if (breakpoint in breakpoints) {
+      const breakpointKey = breakpoint;
+      if (breakpointKey === breakpoints[0]) {
+        // Default (mobile) styles are applied directly
+        Object.assign(responsiveStyle, styleRule);
+      } else {
+        // Larger breakpoints use media queries
+        const mediaQuery = responsiveConditions[breakpointKey]['@media'];
+        if (!responsiveStyle['@media']) {
+          responsiveStyle['@media'] = {};
+        }
+        responsiveStyle['@media'][mediaQuery] = styleRule;
+      }
+    }
+  }
+  if (layer) {
+    return style({
+      '@layer': {
+        [cssLayerMap[layer]]: responsiveStyle
+      }
+    });
+  }
+  return style(responsiveStyle);
+};

package/dist/styles/sprinkles.css.d.ts

@@ -28,8 +28,6 @@ export declare const sprinkles: ((props: {
     backgroundColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "transparent" | undefined;
     backgroundColour?: "white" | "black900" | "black800" | "black700" | "black600" | "black500" | "black400" | "black300" | "black200" | "black100" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "success" | "danger" | "warning" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "transparent" | undefined;
     opacity?: number | "1" | "0" | undefined;
-    lineHeight?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | undefined;
-    fontSize?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | undefined;
     fontWeight?: "bold" | "normal" | "semiBold" | undefined;
     textTransform?: "capitalize" | "lowercase" | "uppercase" | undefined;
     textWrap?: "balance" | "nowrap" | "stable" | "pretty" | undefined;
@@ -38,7 +36,6 @@ export declare const sprinkles: ((props: {
     pointerEvents?: "none" | "auto" | undefined;
     userSelect?: "none" | "auto" | "text" | undefined;
     useVar?: "gap" | undefined;
-    text?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | undefined;
     bg?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "transparent" | undefined;
     fg?: "soft" | "success" | "info" | "danger" | "warning" | "normal" | "inverse" | undefined;
     borderColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
@@ -83,6 +80,18 @@ export declare const sprinkles: ((props: {
         desktop?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
         largeDesktop?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
     } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "fixed" | "absolute" | "relative" | "static" | "sticky" | null>;
+    lineHeight?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | null>;
+    fontSize?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | null>;
     textAlign?: ("left" | "right" | "center" | "centre" | {
         mobile?: "left" | "right" | "center" | "centre" | undefined;
         tablet?: "left" | "right" | "center" | "centre" | undefined;
@@ -341,6 +350,12 @@ export declare const sprinkles: ((props: {
         desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
         largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
     } | undefined);
+    text?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | {
+        mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | undefined;
+        tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | undefined;
+        desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | undefined;
+        largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | null>;
     padding?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
         mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
         tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;

package/dist/styles/sprinkles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sprinkles.css.d.ts","sourceRoot":"","sources":["../../lib/styles/sprinkles.css.ts"],"names":[],"mappings":"AA2LA,eAAO,MAAM,oBAAoB;;;;;;;;;;;CAOhC,CAAC;AAoIF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwD,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAExD;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACxC,SAAS,EACP,kBAAkB,GAClB,cAAc,GACd,oBAAoB,GACpB,kBAAkB,GAClB,mBAAmB,GACnB,iBAAiB,GACjB,QAAQ,CACV,CAAC;AAIF,eAAO,MAAM,WAAW;;;;;;;;;;CAcvB,CAAC"}
+{"version":3,"file":"sprinkles.css.d.ts","sourceRoot":"","sources":["../../lib/styles/sprinkles.css.ts"],"names":[],"mappings":"AAqLA,eAAO,MAAM,oBAAoB;;;;;;;;;;;CAOhC,CAAC;AA2IF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwD,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAExD;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACxC,SAAS,EACP,kBAAkB,GAClB,cAAc,GACd,oBAAoB,GACpB,kBAAkB,GAClB,mBAAmB,GACnB,iBAAiB,GACjB,QAAQ,CACV,CAAC;AAIF,eAAO,MAAM,WAAW;;;;;;;;;;CAcvB,CAAC"}

package/dist/styles/sprinkles.css.js

@@ -113,8 +113,6 @@ const baseProperties = defineProperties({
     backgroundColour: mappedBackgroundColours,
     opacity: [0, '1', '0'],
     // Typography
-    lineHeight: mapValues(tokens.typography.size, size => size.lineHeight),
-    fontSize: mapValues(tokens.typography.size, size => size.fontSize),
     fontWeight: tokens.typography.fontWeight,
     textTransform: ['capitalize', 'lowercase', 'uppercase'],
     textWrap: ['balance', 'pretty', 'stable', 'nowrap'],
@@ -131,7 +129,6 @@ const baseProperties = defineProperties({
     }
   },
   shorthands: {
-    text: ['fontSize', 'lineHeight'],
     bg: ['backgroundColor'],
     fg: ['color'],
     borderColor: ['borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor'],
@@ -183,6 +180,9 @@ const responsiveProperties = defineProperties({
     overflowX: ['auto', 'scroll', 'hidden'],
     overflowY: ['auto', 'scroll', 'hidden'],
     position: ['static', 'relative', 'absolute', 'fixed', 'sticky'],
+    // Typography
+    lineHeight: mapValues(tokens.typography.size, size => size.lineHeight),
+    fontSize: mapValues(tokens.typography.size, size => size.fontSize),
     textAlign: {
       left: 'left',
       center: 'center',
@@ -262,6 +262,7 @@ const responsiveProperties = defineProperties({
     borderWidthTop: ['borderTopWidth'],
     placeItems: ['justifyContent', 'alignItems'],
     size: ['width', 'height'],
+    text: ['fontSize', 'lineHeight'],
     padding: ['paddingBottom', 'paddingLeft', 'paddingRight', 'paddingTop'],
     p: ['paddingBottom', 'paddingLeft', 'paddingRight', 'paddingTop'],
     paddingX: ['paddingLeft', 'paddingRight'],

package/dist/themes/makeTheme.d.ts

@@ -1,5 +1,14 @@
 import type { BreakPoints, ColourMap, FlattenedColours, ThemeTokens } from '.';
 export declare const breakpoints: BreakPoints;
+export type Breakpoints = keyof typeof breakpoints;
+/**
+ * Type guard to check if a value is a valid breakpoint key
+ */
+export declare const isBreakpoint: (value: string) => value is Breakpoints;
+/**
+ * Get all available breakpoint keys
+ */
+export declare const getBreakpoint: () => readonly Breakpoints[];
 export declare const mediaQuery: Record<import("./types").DeviceSize, string>;
 /**
  * Wraps theme tokens with `theme` CSS layer using the vanilla-extract method

package/dist/themes/makeTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"makeTheme.d.ts","sourceRoot":"","sources":["../../lib/themes/makeTheme.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAE/E,eAAO,MAAM,WAAW,EAAE,WAKzB,CAAC;AAEF,eAAO,MAAM,UAAU,8CAGtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGtD,CAAC;AAEH,eAAO,MAAM,iBAAiB,GAC7B,qBAAoB,WAAyB;;CAG5C,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEjE,eAAO,MAAM,gBAAgB,GAAI,SAAS,SAAS,KAAG,gBAepD,CAAC"}
+{"version":3,"file":"makeTheme.d.ts","sourceRoot":"","sources":["../../lib/themes/makeTheme.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAE/E,eAAO,MAAM,WAAW,EAAE,WAKzB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,WAAW,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,WAErD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,QAAO,SAAS,WAAW,EAEpD,CAAC;AAEF,eAAO,MAAM,UAAU,8CAGtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGtD,CAAC;AAEH,eAAO,MAAM,iBAAiB,GAC7B,qBAAoB,WAAyB;;CAG5C,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEjE,eAAO,MAAM,gBAAgB,GAAI,SAAS,SAAS,KAAG,gBAepD,CAAC"}

package/dist/themes/makeTheme.js

@@ -13,6 +13,19 @@ export const breakpoints = {
   // IPad Pro width (1366 - 25%)
   largeDesktop: '1920px' // 1080p width (1920 - 25%)
 };
+/**
+ * Type guard to check if a value is a valid breakpoint key
+ */
+export const isBreakpoint = value => {
+  return value in breakpoints;
+};
+
+/**
+ * Get all available breakpoint keys
+ */
+export const getBreakpoint = () => {
+  return Object.keys(breakpoints);
+};
 export const mediaQuery = mapValues(breakpoints, breakpoint => `screen and (min-width: ${breakpoint})`);
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.44.7",
+	"version": "4.44.8",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",
@@ -176,7 +176,7 @@
 		"webpack": "*"
 	},
 	"volta": {
-		"node": "22.17.0",
+		"node": "22.17.1",
 		"yarn": "4.9.2"
 	},
 	"packageManager": "yarn@4.9.2"