css-calipers 0.8.0 → 0.9.1

package/README.md

@@ -61,6 +61,34 @@ If you prefer, you can also import unit helpers from dedicated subpaths. For exa
 
 ---
 
+## Media queries
+
+```ts
+import { m } from "css-calipers";
+import { mediaQueryFactory } from "css-calipers/mediaQueries";
+
+const media = mediaQueryFactory({
+  queries: {
+    mobile: { maxWidth: m(639) },
+    desktop: { minWidth: m(640) },
+  },
+  config: {
+    label: "layout",
+  },
+});
+
+const styles = {
+  ...media({
+    mobile: { gridTemplateColumns: "1fr" },
+    desktop: { gridTemplateColumns: "repeat(4, 1fr)" },
+  }),
+};
+```
+
+See README_MEDIAQUERIES.md for the full media queries guide.
+
+---
+
 ## Features
 
 - **Compile-time unit validation.** Prevents mixing incompatible units.
@@ -112,7 +140,7 @@ It’s probably overkill if:
 import { m, mPercent, mVw, mVh, assertCondition } from "css-calipers";
 
 // Token-style measurements (px by default)
-const spacing = m(8); // Defaults to px and is typed as a PxMeasurement; equivalent to mPx(8)
+const spacing = m(8); // Defaults to px and is typed as a PxMeasurement
 const cardPadding = spacing.multiply(2); // 16px
 const gutter = spacing.multiply(1.5); // 12px
 

package/dist/cjs/index.js

@@ -28,3 +28,4 @@ __exportStar(require("./units/time"), exports);
 __exportStar(require("./units/frequency"), exports);
 __exportStar(require("./units/resolution"), exports);
 __exportStar(require("./units/grid"), exports);
+__exportStar(require("./libraryHelpers/vanilla-extract"), exports);

package/dist/cjs/libraryHelpers/vanilla-extract.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mediaQueryOutputVanillaExtract = void 0;
+const mediaQueryOutputVanillaExtract = (media) => ({
+    '&': media,
+});
+exports.mediaQueryOutputVanillaExtract = mediaQueryOutputVanillaExtract;

package/dist/cjs/mediaQueries/factory.js

@@ -0,0 +1,162 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mediaQueryFactory = void 0;
+const helpers_1 = require("./helpers");
+const mediaQueries_1 = require("./mediaQueries");
+const modules_1 = require("./modules");
+const ALL_MEDIA_QUERY_MODULES = [
+    'core',
+    'dimensions',
+    'resolution',
+    'interaction',
+    'preferences',
+    'display',
+    'environment',
+    'custom',
+];
+const MODULE_KEYS = {
+    core: ['type', 'minWidth', 'maxWidth'],
+    dimensions: [
+        'width',
+        'height',
+        'minHeight',
+        'maxHeight',
+        'aspectRatio',
+        'minAspectRatio',
+        'maxAspectRatio',
+        'orientation',
+    ],
+    resolution: ['resolutionValue', 'minResolution', 'maxResolution'],
+    interaction: ['hover', 'anyHover', 'pointer', 'anyPointer', 'update'],
+    preferences: [
+        'colorScheme',
+        'reducedMotion',
+        'reducedData',
+        'contrast',
+        'forcedColors',
+    ],
+    display: ['colorGamut', 'dynamicRange', 'invertedColors'],
+    environment: ['scripting', 'overflowBlock', 'overflowInline'],
+    custom: ['customFeatures'],
+};
+const MODULE_EMITTERS = {
+    core: mediaQueries_1.emitCoreFeatures,
+    dimensions: modules_1.emitDimensionsFeatures,
+    resolution: modules_1.emitResolutionFeatures,
+    interaction: modules_1.emitInteractionFeatures,
+    preferences: modules_1.emitPreferencesFeatures,
+    display: modules_1.emitDisplayFeatures,
+    environment: modules_1.emitEnvironmentFeatures,
+    custom: modules_1.emitCustomFeatures,
+};
+const ALL_MODULE_KEYS = MODULE_KEYS;
+const KEY_TO_MODULE = Object.fromEntries(Object.keys(ALL_MODULE_KEYS).flatMap((moduleId) => ALL_MODULE_KEYS[moduleId].map((key) => [key, moduleId])));
+const guardUnsupportedProps = (props, modules, config, label) => {
+    const allowed = new Set();
+    modules.forEach((moduleId) => {
+        ALL_MODULE_KEYS[moduleId].forEach((key) => {
+            allowed.add(key);
+        });
+    });
+    Object.keys(props).forEach((key) => {
+        var _a, _b;
+        if (props[key] === undefined)
+            return;
+        if (allowed.has(key))
+            return;
+        const mode = (_b = (_a = config.errorHandling) === null || _a === void 0 ? void 0 : _a.invalidValueMode) !== null && _b !== void 0 ? _b : 'throw';
+        const moduleHint = KEY_TO_MODULE[key];
+        const moduleSuffix = moduleHint
+            ? ` Add "${moduleHint}" to modules.`
+            : '';
+        const message = `Media query factory "${label}" received unsupported feature "${key}".${moduleSuffix}`;
+        if (mode === 'log') {
+            console.warn(message);
+            return;
+        }
+        if (mode === 'allow')
+            return;
+        throw new Error(message);
+    });
+};
+const normalizeCustomResult = (result) => {
+    if (result === undefined || result === null)
+        return { valid: true };
+    if (typeof result === 'boolean')
+        return { valid: result };
+    if (typeof result === 'string') {
+        return result ? { valid: false, message: result } : { valid: true };
+    }
+    return result;
+};
+const runCustomValidator = (props, config) => {
+    var _a, _b;
+    const custom = config.custom;
+    if (!(custom === null || custom === void 0 ? void 0 : custom.validator))
+        return;
+    const normalized = normalizeCustomResult(custom.validator(props));
+    if (normalized.valid)
+        return;
+    const mode = (_b = (_a = config.errorHandling) === null || _a === void 0 ? void 0 : _a.invalidValueMode) !== null && _b !== void 0 ? _b : 'throw';
+    const suffix = normalized.message ? `: ${normalized.message}` : '';
+    const message = `Media query factory "${config.label}" custom validator "${custom.key}" failed${suffix}`;
+    if (mode === 'log') {
+        console.warn(message);
+        return;
+    }
+    if (mode === 'allow')
+        return;
+    throw new Error(message);
+};
+const runCustomLinter = (props, config) => {
+    var _a, _b;
+    const custom = config.custom;
+    if (!(custom === null || custom === void 0 ? void 0 : custom.linter))
+        return;
+    const normalized = normalizeCustomResult(custom.linter(props));
+    if (normalized.valid)
+        return;
+    const mode = (_b = (_a = config.errorHandling) === null || _a === void 0 ? void 0 : _a.lintingMode) !== null && _b !== void 0 ? _b : 'throw';
+    const suffix = normalized.message ? `: ${normalized.message}` : '';
+    const message = `Media query factory "${config.label}" custom linter "${custom.key}" flagged${suffix}`;
+    if (mode === 'log') {
+        console.warn(message);
+        return;
+    }
+    if (mode === 'allow')
+        return;
+    throw new Error(message);
+};
+const mediaQueryFactory = (options) => {
+    var _a;
+    const modules = (_a = options.config.modules) !== null && _a !== void 0 ? _a : ALL_MEDIA_QUERY_MODULES;
+    const buildMediaQuery = (0, helpers_1.createMediaQueryBuilder)({
+        emitBase: (props, helpers) => {
+            guardUnsupportedProps(props, modules, options.config, options.config.label);
+            runCustomValidator(props, options.config);
+            runCustomLinter(props, options.config);
+            modules.forEach((moduleId) => {
+                MODULE_EMITTERS[moduleId](props, helpers);
+            });
+        },
+        resolveType: (props) => props.type,
+        config: options.config,
+    });
+    return (stylesByQuery) => {
+        const result = {};
+        Object.keys(stylesByQuery).forEach((key) => {
+            const styles = stylesByQuery[key];
+            const props = options.queries[key];
+            if (!styles || !props)
+                return;
+            result[buildMediaQuery(props)] = styles;
+        });
+        const mediaQuery = {
+            '@media': result,
+        };
+        return options.config.output
+            ? options.config.output(mediaQuery)
+            : mediaQuery;
+    };
+};
+exports.mediaQueryFactory = mediaQueryFactory;

package/dist/cjs/mediaQueries/index.js

@@ -16,5 +16,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./types"), exports);
 __exportStar(require("./helpers"), exports);
+__exportStar(require("./factory"), exports);
 __exportStar(require("./mediaQueries"), exports);
 __exportStar(require("./modules"), exports);
+__exportStar(require("./moduleRegistry"), exports);

package/dist/cjs/mediaQueries/linting.js

@@ -5,7 +5,7 @@ const runMediaQueryLint = (config, helpers, check, message = 'Media query lint f
     var _a, _b;
     if (!check)
         return true;
-    const mode = (_b = (_a = helpers.config.errorHandling) === null || _a === void 0 ? void 0 : _a.lintingMode) !== null && _b !== void 0 ? _b : 'allow';
+    const mode = (_b = (_a = helpers.config.errorHandling) === null || _a === void 0 ? void 0 : _a.lintingMode) !== null && _b !== void 0 ? _b : 'throw';
     if (mode === 'allow')
         return true;
     if (mode === 'log') {

package/dist/cjs/mediaQueries/mediaQueries.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeMediaQueryStyle = exports.buildMediaQueryString = void 0;
+exports.makeMediaQueryStyle = exports.buildMediaQueryString = exports.emitCoreFeatures = void 0;
 const helpers_1 = require("./helpers");
 const validation_1 = require("./validation");
 const modules_1 = require("./modules");
@@ -19,8 +19,9 @@ const emitCoreFeatures = (props, helpers) => {
         addFeature("max-width", props.maxWidth);
     }
 };
+exports.emitCoreFeatures = emitCoreFeatures;
 const emitBaseFeatures = (props, helpers) => {
-    emitCoreFeatures(props, helpers);
+    (0, exports.emitCoreFeatures)(props, helpers);
     (0, modules_1.emitDimensionsFeatures)(props, helpers);
     (0, modules_1.emitResolutionFeatures)(props, helpers);
     (0, modules_1.emitInteractionFeatures)(props, helpers);

package/dist/cjs/mediaQueries/moduleRegistry.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defineMediaQueryModules = void 0;
+const defineMediaQueryModules = (...modules) => modules;
+exports.defineMediaQueryModules = defineMediaQueryModules;

package/dist/esm/index.d.ts

@@ -12,4 +12,5 @@ export * from './units/time';
 export * from './units/frequency';
 export * from './units/resolution';
 export * from './units/grid';
+export * from './libraryHelpers/vanilla-extract';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AAEvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AAEvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,kCAAkC,CAAC"}

package/dist/esm/index.js

@@ -12,3 +12,4 @@ export * from './units/time';
 export * from './units/frequency';
 export * from './units/resolution';
 export * from './units/grid';
+export * from './libraryHelpers/vanilla-extract';

package/dist/esm/libraryHelpers/vanilla-extract.d.ts

@@ -0,0 +1,3 @@
+import type { ComplexStyleRule } from '../mediaQueries/types';
+export declare const mediaQueryOutputVanillaExtract: (media: ComplexStyleRule) => Record<string, unknown>;
+//# sourceMappingURL=vanilla-extract.d.ts.map

package/dist/esm/libraryHelpers/vanilla-extract.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vanilla-extract.d.ts","sourceRoot":"","sources":["../../../src/libraryHelpers/vanilla-extract.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,eAAO,MAAM,8BAA8B,GACzC,OAAO,gBAAgB,KACtB,MAAM,CAAC,MAAM,EAAE,OAAO,CAEvB,CAAC"}

package/dist/esm/libraryHelpers/vanilla-extract.js

@@ -0,0 +1,3 @@
+export const mediaQueryOutputVanillaExtract = (media) => ({
+    '&': media,
+});

package/dist/esm/mediaQueries/factory.d.ts

@@ -0,0 +1,29 @@
+import type { ComplexStyleRule, StyleRule } from './types';
+import type { MediaQueryBuilderConfig } from './helpers';
+import type { IMediaQueryProps } from './mediaQueries';
+import type { MediaQueryModulePropsMap, MediaQueryModulesList } from './moduleRegistry';
+type UnionToIntersection<T> = (T extends unknown ? (value: T) => void : never) extends (value: infer R) => void ? R : never;
+type ModulesToProps<TModules extends MediaQueryModulesList> = UnionToIntersection<MediaQueryModulePropsMap[TModules[number]]>;
+type FactoryQueryProps<TModules extends MediaQueryModulesList | undefined> = TModules extends MediaQueryModulesList ? ModulesToProps<TModules> : IMediaQueryProps;
+type MediaQueryStyleMap<TQueries> = Partial<Record<keyof TQueries, StyleRule>>;
+type CustomHookResult = boolean | string | null | undefined | {
+    valid: boolean;
+    message?: string;
+};
+type MediaQueryFactoryCustomHooks = {
+    key: string;
+    validator?: (props: IMediaQueryProps) => CustomHookResult;
+    linter?: (props: IMediaQueryProps) => CustomHookResult;
+};
+export type MediaQueryFactoryConfig<TModules extends MediaQueryModulesList | undefined = undefined, TOutput = ComplexStyleRule> = MediaQueryBuilderConfig & {
+    label: string;
+    modules?: TModules;
+    output?: (media: ComplexStyleRule) => TOutput;
+    custom?: MediaQueryFactoryCustomHooks;
+};
+export declare const mediaQueryFactory: <TModules extends MediaQueryModulesList | undefined, TQueries extends Record<string, FactoryQueryProps<TModules>>, TOutput = ComplexStyleRule>(options: {
+    queries: TQueries;
+    config: MediaQueryFactoryConfig<TModules, TOutput>;
+}) => (stylesByQuery: MediaQueryStyleMap<TQueries>) => TOutput;
+export {};
+//# sourceMappingURL=factory.d.ts.map

package/dist/esm/mediaQueries/factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../src/mediaQueries/factory.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAEzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAWvD,OAAO,KAAK,EAEV,wBAAwB,EACxB,qBAAqB,EACtB,MAAM,kBAAkB,CAAC;AAE1B,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAC5B,CAAC,SAAS,OAAO,GAAG,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,GAAG,KAAK,CAC/C,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,GAC9B,CAAC,GACD,KAAK,CAAC;AAEV,KAAK,cAAc,CAAC,QAAQ,SAAS,qBAAqB,IACxD,mBAAmB,CAAC,wBAAwB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAElE,KAAK,iBAAiB,CAAC,QAAQ,SAAS,qBAAqB,GAAG,SAAS,IACvE,QAAQ,SAAS,qBAAqB,GAClC,cAAc,CAAC,QAAQ,CAAC,GACxB,gBAAgB,CAAC;AAEvB,KAAK,kBAAkB,CAAC,QAAQ,IAAI,OAAO,CACzC,MAAM,CAAC,MAAM,QAAQ,EAAE,SAAS,CAAC,CAClC,CAAC;AAEF,KAAK,gBAAgB,GACjB,OAAO,GACP,MAAM,GACN,IAAI,GACJ,SAAS,GACT;IACE,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEN,KAAK,4BAA4B,GAAG;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,gBAAgB,CAAC;IAC1D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,gBAAgB,CAAC;CACxD,CAAC;AA+FF,MAAM,MAAM,uBAAuB,CACjC,QAAQ,SAAS,qBAAqB,GAAG,SAAS,GAAG,SAAS,EAC9D,OAAO,GAAG,gBAAgB,IACxB,uBAAuB,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,OAAO,CAAC;IAC9C,MAAM,CAAC,EAAE,4BAA4B,CAAC;CACvC,CAAC;AA2DF,eAAO,MAAM,iBAAiB,GAC5B,QAAQ,SAAS,qBAAqB,GAAG,SAAS,EAClD,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC,EAC5D,OAAO,GAAG,gBAAgB,EAC1B,SAAS;IACT,OAAO,EAAE,QAAQ,CAAC;IAClB,MAAM,EAAE,uBAAuB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;CACpD,MAuBS,eAAe,kBAAkB,CAAC,QAAQ,CAAC,KAAG,OAkBvD,CAAC"}

package/dist/esm/mediaQueries/factory.js

@@ -0,0 +1,158 @@
+import { createMediaQueryBuilder } from './helpers';
+import { emitCoreFeatures } from './mediaQueries';
+import { emitCustomFeatures, emitDimensionsFeatures, emitDisplayFeatures, emitEnvironmentFeatures, emitInteractionFeatures, emitPreferencesFeatures, emitResolutionFeatures, } from './modules';
+const ALL_MEDIA_QUERY_MODULES = [
+    'core',
+    'dimensions',
+    'resolution',
+    'interaction',
+    'preferences',
+    'display',
+    'environment',
+    'custom',
+];
+const MODULE_KEYS = {
+    core: ['type', 'minWidth', 'maxWidth'],
+    dimensions: [
+        'width',
+        'height',
+        'minHeight',
+        'maxHeight',
+        'aspectRatio',
+        'minAspectRatio',
+        'maxAspectRatio',
+        'orientation',
+    ],
+    resolution: ['resolutionValue', 'minResolution', 'maxResolution'],
+    interaction: ['hover', 'anyHover', 'pointer', 'anyPointer', 'update'],
+    preferences: [
+        'colorScheme',
+        'reducedMotion',
+        'reducedData',
+        'contrast',
+        'forcedColors',
+    ],
+    display: ['colorGamut', 'dynamicRange', 'invertedColors'],
+    environment: ['scripting', 'overflowBlock', 'overflowInline'],
+    custom: ['customFeatures'],
+};
+const MODULE_EMITTERS = {
+    core: emitCoreFeatures,
+    dimensions: emitDimensionsFeatures,
+    resolution: emitResolutionFeatures,
+    interaction: emitInteractionFeatures,
+    preferences: emitPreferencesFeatures,
+    display: emitDisplayFeatures,
+    environment: emitEnvironmentFeatures,
+    custom: emitCustomFeatures,
+};
+const ALL_MODULE_KEYS = MODULE_KEYS;
+const KEY_TO_MODULE = Object.fromEntries(Object.keys(ALL_MODULE_KEYS).flatMap((moduleId) => ALL_MODULE_KEYS[moduleId].map((key) => [key, moduleId])));
+const guardUnsupportedProps = (props, modules, config, label) => {
+    const allowed = new Set();
+    modules.forEach((moduleId) => {
+        ALL_MODULE_KEYS[moduleId].forEach((key) => {
+            allowed.add(key);
+        });
+    });
+    Object.keys(props).forEach((key) => {
+        var _a, _b;
+        if (props[key] === undefined)
+            return;
+        if (allowed.has(key))
+            return;
+        const mode = (_b = (_a = config.errorHandling) === null || _a === void 0 ? void 0 : _a.invalidValueMode) !== null && _b !== void 0 ? _b : 'throw';
+        const moduleHint = KEY_TO_MODULE[key];
+        const moduleSuffix = moduleHint
+            ? ` Add "${moduleHint}" to modules.`
+            : '';
+        const message = `Media query factory "${label}" received unsupported feature "${key}".${moduleSuffix}`;
+        if (mode === 'log') {
+            console.warn(message);
+            return;
+        }
+        if (mode === 'allow')
+            return;
+        throw new Error(message);
+    });
+};
+const normalizeCustomResult = (result) => {
+    if (result === undefined || result === null)
+        return { valid: true };
+    if (typeof result === 'boolean')
+        return { valid: result };
+    if (typeof result === 'string') {
+        return result ? { valid: false, message: result } : { valid: true };
+    }
+    return result;
+};
+const runCustomValidator = (props, config) => {
+    var _a, _b;
+    const custom = config.custom;
+    if (!(custom === null || custom === void 0 ? void 0 : custom.validator))
+        return;
+    const normalized = normalizeCustomResult(custom.validator(props));
+    if (normalized.valid)
+        return;
+    const mode = (_b = (_a = config.errorHandling) === null || _a === void 0 ? void 0 : _a.invalidValueMode) !== null && _b !== void 0 ? _b : 'throw';
+    const suffix = normalized.message ? `: ${normalized.message}` : '';
+    const message = `Media query factory "${config.label}" custom validator "${custom.key}" failed${suffix}`;
+    if (mode === 'log') {
+        console.warn(message);
+        return;
+    }
+    if (mode === 'allow')
+        return;
+    throw new Error(message);
+};
+const runCustomLinter = (props, config) => {
+    var _a, _b;
+    const custom = config.custom;
+    if (!(custom === null || custom === void 0 ? void 0 : custom.linter))
+        return;
+    const normalized = normalizeCustomResult(custom.linter(props));
+    if (normalized.valid)
+        return;
+    const mode = (_b = (_a = config.errorHandling) === null || _a === void 0 ? void 0 : _a.lintingMode) !== null && _b !== void 0 ? _b : 'throw';
+    const suffix = normalized.message ? `: ${normalized.message}` : '';
+    const message = `Media query factory "${config.label}" custom linter "${custom.key}" flagged${suffix}`;
+    if (mode === 'log') {
+        console.warn(message);
+        return;
+    }
+    if (mode === 'allow')
+        return;
+    throw new Error(message);
+};
+export const mediaQueryFactory = (options) => {
+    var _a;
+    const modules = (_a = options.config.modules) !== null && _a !== void 0 ? _a : ALL_MEDIA_QUERY_MODULES;
+    const buildMediaQuery = createMediaQueryBuilder({
+        emitBase: (props, helpers) => {
+            guardUnsupportedProps(props, modules, options.config, options.config.label);
+            runCustomValidator(props, options.config);
+            runCustomLinter(props, options.config);
+            modules.forEach((moduleId) => {
+                MODULE_EMITTERS[moduleId](props, helpers);
+            });
+        },
+        resolveType: (props) => props.type,
+        config: options.config,
+    });
+    return (stylesByQuery) => {
+        const result = {};
+        Object.keys(stylesByQuery).forEach((key) => {
+            const styles = stylesByQuery[key];
+            const props = options.queries[key];
+            if (!styles || !props)
+                return;
+            result[buildMediaQuery(props)] = styles;
+        });
+        const mediaQuery = {
+            '@media': result,
+        };
+        return options.config.output
+            ? options.config.output(mediaQuery)
+            : mediaQuery;
+    };
+};

package/dist/esm/mediaQueries/index.d.ts

@@ -1,5 +1,7 @@
 export * from './types';
 export * from './helpers';
+export * from './factory';
 export * from './mediaQueries';
 export * from './modules';
+export * from './moduleRegistry';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/mediaQueries/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/mediaQueries/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/mediaQueries/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

package/dist/esm/mediaQueries/index.js

@@ -1,4 +1,6 @@
 export * from './types';
 export * from './helpers';
+export * from './factory';
 export * from './mediaQueries';
 export * from './modules';
+export * from './moduleRegistry';

package/dist/esm/mediaQueries/linting.js

@@ -2,7 +2,7 @@ export const runMediaQueryLint = (config, helpers, check, message = 'Media query
     var _a, _b;
     if (!check)
         return true;
-    const mode = (_b = (_a = helpers.config.errorHandling) === null || _a === void 0 ? void 0 : _a.lintingMode) !== null && _b !== void 0 ? _b : 'allow';
+    const mode = (_b = (_a = helpers.config.errorHandling) === null || _a === void 0 ? void 0 : _a.lintingMode) !== null && _b !== void 0 ? _b : 'throw';
     if (mode === 'allow')
         return true;
     if (mode === 'log') {

package/dist/esm/mediaQueries/mediaQueries.d.ts

@@ -1,5 +1,6 @@
 import type { IMeasurement } from "../core";
 import type { ComplexStyleRule, StyleRule } from "./types";
+import type { MediaQueryBuilderHelpers } from "./helpers";
 import { IMediaQueryCustomFeatures, IMediaQueryDimensions, IMediaQueryDisplay, IMediaQueryEnvironment, IMediaQueryInteraction, IMediaQueryPreferences, IMediaQueryResolutionRange } from "./modules";
 export interface IMediaQueryProps extends IMediaQueryCore, IMediaQueryDimensions, IMediaQueryResolutionRange, IMediaQueryInteraction, IMediaQueryPreferences, IMediaQueryDisplay, IMediaQueryEnvironment, IMediaQueryCustomFeatures {
 }
@@ -14,6 +15,7 @@ export interface IMediaQuery {
 }
 export type IMediaQueries = Record<string, IMediaQueryProps>;
 export type IMediaQueryStyles<T extends IMediaQueries> = Partial<Record<keyof T, StyleRule>>;
+export declare const emitCoreFeatures: (props: IMediaQueryCore, helpers: MediaQueryBuilderHelpers) => void;
 export declare const buildMediaQueryString: (config: IMediaQueryProps) => string;
 export declare const makeMediaQueryStyle: <T extends IMediaQueries>(queries: T) => (stylesByQuery: IMediaQueryStyles<T>) => ComplexStyleRule;
 //# sourceMappingURL=mediaQueries.d.ts.map

package/dist/esm/mediaQueries/mediaQueries.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mediaQueries.d.ts","sourceRoot":"","sources":["../../../src/mediaQueries/mediaQueries.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAQ3D,OAAO,EAQL,yBAAyB,EACzB,qBAAqB,EACrB,kBAAkB,EAClB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,0BAA0B,EAC3B,MAAM,WAAW,CAAC;AAEnB,MAAM,WAAW,gBACf,SAAQ,eAAe,EACrB,qBAAqB,EACrB,0BAA0B,EAC1B,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,EACtB,yBAAyB;CAAG;AAEhC,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;IAClC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,gBAAgB,CAAC;IACxB,MAAM,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;AAE7D,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,aAAa,IAAI,OAAO,CAC9D,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,CAC3B,CAAC;AAoDF,eAAO,MAAM,qBAAqB,sCAGhC,CAAC;AAEH,eAAO,MAAM,mBAAmB,GAC7B,CAAC,SAAS,aAAa,EAAE,SAAS,CAAC,MACnC,eAAe,iBAAiB,CAAC,CAAC,CAAC,KAAG,gBActC,CAAC"}
+{"version":3,"file":"mediaQueries.d.ts","sourceRoot":"","sources":["../../../src/mediaQueries/mediaQueries.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAO1D,OAAO,EAQL,yBAAyB,EACzB,qBAAqB,EACrB,kBAAkB,EAClB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,0BAA0B,EAC3B,MAAM,WAAW,CAAC;AAEnB,MAAM,WAAW,gBACf,SAAQ,eAAe,EACrB,qBAAqB,EACrB,0BAA0B,EAC1B,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,EACtB,yBAAyB;CAAG;AAEhC,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;IAClC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,gBAAgB,CAAC;IACxB,MAAM,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;AAE7D,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,aAAa,IAAI,OAAO,CAC9D,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,CAC3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,OAAO,eAAe,EACtB,SAAS,wBAAwB,KAChC,IA+BF,CAAC;AAgBF,eAAO,MAAM,qBAAqB,sCAGhC,CAAC;AAEH,eAAO,MAAM,mBAAmB,GAC7B,CAAC,SAAS,aAAa,EAAE,SAAS,CAAC,MACnC,eAAe,iBAAiB,CAAC,CAAC,CAAC,KAAG,gBActC,CAAC"}

package/dist/esm/mediaQueries/mediaQueries.js

@@ -1,7 +1,7 @@
 import { createMediaQueryBuilder } from "./helpers";
 import { runMediaQueryValidation, validateMinMaxWidth, validateWidthValuesPositive, } from "./validation";
 import { emitCustomFeatures, emitDimensionsFeatures, emitDisplayFeatures, emitEnvironmentFeatures, emitInteractionFeatures, emitPreferencesFeatures, emitResolutionFeatures, } from "./modules";
-const emitCoreFeatures = (props, helpers) => {
+export const emitCoreFeatures = (props, helpers) => {
     if (!runMediaQueryValidation(props, helpers, validateMinMaxWidth, "core", "minWidth must be less than or equal to maxWidth")) {
         return;
     }

package/dist/esm/mediaQueries/moduleRegistry.d.ts

@@ -0,0 +1,27 @@
+import type { IMediaQueryCore } from './mediaQueries';
+import type { IMediaQueryCustomFeatures, IMediaQueryDimensions, IMediaQueryDisplay, IMediaQueryEnvironment, IMediaQueryInteraction, IMediaQueryPreferences, IMediaQueryResolutionRange } from './modules';
+export type MediaQueryModuleId = 'core' | 'dimensions' | 'resolution' | 'interaction' | 'preferences' | 'display' | 'environment' | 'custom';
+export type MediaQueryModulePropsMap = {
+    core: IMediaQueryCore;
+    dimensions: IMediaQueryDimensions;
+    resolution: IMediaQueryResolutionRange;
+    interaction: IMediaQueryInteraction;
+    preferences: IMediaQueryPreferences;
+    display: IMediaQueryDisplay;
+    environment: IMediaQueryEnvironment;
+    custom: IMediaQueryCustomFeatures;
+};
+export type MediaQueryModuleKeysMap = {
+    core: 'type' | 'minWidth' | 'maxWidth';
+    dimensions: 'width' | 'height' | 'minHeight' | 'maxHeight' | 'aspectRatio' | 'minAspectRatio' | 'maxAspectRatio' | 'orientation';
+    resolution: 'resolutionValue' | 'minResolution' | 'maxResolution';
+    interaction: 'hover' | 'anyHover' | 'pointer' | 'anyPointer' | 'update';
+    preferences: 'colorScheme' | 'reducedMotion' | 'reducedData' | 'contrast' | 'forcedColors';
+    display: 'colorGamut' | 'dynamicRange' | 'invertedColors';
+    environment: 'scripting' | 'overflowBlock' | 'overflowInline';
+    custom: 'customFeatures';
+};
+export type MediaQueryModuleKeys<M extends MediaQueryModuleId> = MediaQueryModuleKeysMap[M];
+export type MediaQueryModulesList = readonly MediaQueryModuleId[];
+export declare const defineMediaQueryModules: <T extends MediaQueryModulesList>(...modules: T) => T;
+//# sourceMappingURL=moduleRegistry.d.ts.map

package/dist/esm/mediaQueries/moduleRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"moduleRegistry.d.ts","sourceRoot":"","sources":["../../../src/mediaQueries/moduleRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,KAAK,EACV,yBAAyB,EACzB,qBAAqB,EACrB,kBAAkB,EAClB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,0BAA0B,EAC3B,MAAM,WAAW,CAAC;AAEnB,MAAM,MAAM,kBAAkB,GAC1B,MAAM,GACN,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,aAAa,GACb,SAAS,GACT,aAAa,GACb,QAAQ,CAAC;AAEb,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,eAAe,CAAC;IACtB,UAAU,EAAE,qBAAqB,CAAC;IAClC,UAAU,EAAE,0BAA0B,CAAC;IACvC,WAAW,EAAE,sBAAsB,CAAC;IACpC,WAAW,EAAE,sBAAsB,CAAC;IACpC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,WAAW,EAAE,sBAAsB,CAAC;IACpC,MAAM,EAAE,yBAAyB,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;IACvC,UAAU,EACN,OAAO,GACP,QAAQ,GACR,WAAW,GACX,WAAW,GACX,aAAa,GACb,gBAAgB,GAChB,gBAAgB,GAChB,aAAa,CAAC;IAClB,UAAU,EAAE,iBAAiB,GAAG,eAAe,GAAG,eAAe,CAAC;IAClE,WAAW,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,YAAY,GAAG,QAAQ,CAAC;IACxE,WAAW,EACP,aAAa,GACb,eAAe,GACf,aAAa,GACb,UAAU,GACV,cAAc,CAAC;IACnB,OAAO,EAAE,YAAY,GAAG,cAAc,GAAG,gBAAgB,CAAC;IAC1D,WAAW,EAAE,WAAW,GAAG,eAAe,GAAG,gBAAgB,CAAC;IAC9D,MAAM,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,kBAAkB,IAC3D,uBAAuB,CAAC,CAAC,CAAC,CAAC;AAE7B,MAAM,MAAM,qBAAqB,GAAG,SAAS,kBAAkB,EAAE,CAAC;AAElE,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,qBAAqB,EACrE,GAAG,SAAS,CAAC,KACZ,CAAY,CAAC"}

package/dist/esm/mediaQueries/moduleRegistry.js

@@ -0,0 +1 @@
+export const defineMediaQueryModules = (...modules) => modules;

package/dist/esm/mediaQueries/types.d.ts

@@ -1,4 +1,4 @@
-import type { AtRule, Properties } from 'csstype';
+import type { AtRule, Properties } from "csstype";
 export type Resolve<T> = {
     [Key in keyof T]: T[Key];
 } & {};
@@ -28,17 +28,17 @@ type Query<Key extends string, StyleType> = {
         [query: string]: Omit<StyleType, Key>;
     };
 };
-export type MediaQueries<StyleType> = Query<'@media', StyleType>;
-export type FeatureQueries<StyleType> = Query<'@supports', StyleType>;
-export type ContainerQueries<StyleType> = Query<'@container', StyleType>;
-export type Layers<StyleType> = Query<'@layer', StyleType>;
+export type MediaQueries<StyleType> = Query<"@media", StyleType>;
+export type FeatureQueries<StyleType> = Query<"@supports", StyleType>;
+export type ContainerQueries<StyleType> = Query<"@container", StyleType>;
+export type Layers<StyleType> = Query<"@layer", StyleType>;
 export type StartingStyle<StyleType> = {
-    '@starting-style'?: Omit<StyleType, '@starting-style'>;
+    "@starting-style"?: Omit<StyleType, "@starting-style">;
 };
 interface AllQueries<StyleType> extends MediaQueries<StyleType & AllQueries<StyleType>>, FeatureQueries<StyleType & AllQueries<StyleType>>, ContainerQueries<StyleType & AllQueries<StyleType>>, Layers<StyleType & AllQueries<StyleType>>, StartingStyle<StyleType> {
 }
 export type WithQueries<StyleType> = StyleType & AllQueries<StyleType>;
-interface SelectorMap {
+export interface SelectorMap {
     [selector: string]: WithQueries<CSSPropertiesWithVars>;
 }
 export interface StyleWithSelectors extends CSSPropertiesAndPseudos {
@@ -46,33 +46,33 @@ export interface StyleWithSelectors extends CSSPropertiesAndPseudos {
 }
 export type StyleRule = WithQueries<StyleWithSelectors>;
 export type GlobalStyleRule = WithQueries<CSSPropertiesWithVars>;
-export type GlobalFontFaceRule = Omit<AtRule.FontFaceFallback, 'src'> & Required<Pick<AtRule.FontFaceFallback, 'src'>>;
-export type FontFaceRule = Omit<GlobalFontFaceRule, 'fontFamily'>;
+export type GlobalFontFaceRule = Omit<AtRule.FontFaceFallback, "src"> & Required<Pick<AtRule.FontFaceFallback, "src">>;
+export type FontFaceRule = Omit<GlobalFontFaceRule, "fontFamily">;
 export type CSSStyleBlock = {
-    type: 'local';
+    type: "local";
     selector: string;
     rule: StyleRule;
 };
 export type CSSFontFaceBlock = {
-    type: 'fontFace';
+    type: "fontFace";
     rule: GlobalFontFaceRule;
 };
 export type CSSKeyframesBlock = {
-    type: 'keyframes';
+    type: "keyframes";
     name: string;
     rule: CSSKeyframes;
 };
 export type CSSSelectorBlock = {
-    type: 'selector' | 'global';
+    type: "selector" | "global";
     selector: string;
     rule: GlobalStyleRule;
 };
 export type CSSLayerDeclaration = {
-    type: 'layer';
+    type: "layer";
     name: string;
 };
 export type CSSPropertyBlock = {
-    type: 'property';
+    type: "property";
     name: string;
     rule: AtRule.Property;
 };
@@ -91,7 +91,7 @@ type CustomIdentFunction = (params: {
     debugId?: string;
     packageName?: string;
 }) => string;
-type IdentOption = 'short' | 'debug' | CustomIdentFunction;
+type IdentOption = "short" | "debug" | CustomIdentFunction;
 export interface Adapter {
     appendCss: (css: CSS, fileScope: FileScope) => void;
     registerClassName: (className: string, fileScope: FileScope) => void;
@@ -110,7 +110,7 @@ export type Tokens = {
 export type ThemeVars<ThemeContract extends NullableTokens> = MapLeafNodes<ThemeContract, CSSVarFunction>;
 export type ClassNames = string | Array<ClassNames>;
 export type ComplexStyleRule = StyleRule | Array<StyleRule | ClassNames>;
-type _PropertySyntax = '<angle>' | '<color>' | '<custom-ident>' | '<image>' | '<integer>' | '<length-percentage>' | '<length>' | '<number>' | '<percentage>' | '<resolution>' | '<string>' | '<time>' | '<transform-function>' | '<transform-list>' | '<url>' | '*';
+type _PropertySyntax = "<angle>" | "<color>" | "<custom-ident>" | "<image>" | "<integer>" | "<length-percentage>" | "<length>" | "<number>" | "<percentage>" | "<resolution>" | "<string>" | "<time>" | "<transform-function>" | "<transform-list>" | "<url>" | "*";
 type LooseAutocomplete<Suggestions extends string> = Suggestions | Omit<string, Suggestions>;
 export type PropertySyntax = LooseAutocomplete<_PropertySyntax>;
 export {};

package/dist/esm/mediaQueries/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/mediaQueries/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/mediaQueries/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "css-calipers",
-  "version": "0.8.0",
+  "version": "0.9.1",
   "description": "Compile-time unit safety for numeric, unit-bearing CSS values via typed measurements.",
   "license": "MIT",
   "repository": {
@@ -57,14 +57,23 @@
       "import": "./dist/esm/units/*.js",
       "require": "./dist/cjs/units/*.js"
     },
+    "./libraryHelpers/vanilla-extract": {
+      "types": "./dist/esm/libraryHelpers/vanilla-extract.d.ts",
+      "import": "./dist/esm/libraryHelpers/vanilla-extract.js",
+      "require": "./dist/cjs/libraryHelpers/vanilla-extract.js"
+    },
     "./package.json": "./package.json"
   },
   "dependencies": {
     "csstype": "^3.1.3"
   },
   "devDependencies": {
+    "@eslint/js": "^9.39.2",
     "@types/node": "^24.10.1",
+    "@typescript-eslint/eslint-plugin": "^8.50.1",
+    "@typescript-eslint/parser": "^8.50.1",
     "@vitest/coverage-v8": "^4.0.14",
+    "eslint": "^9.39.2",
     "tsd": "^0.31.0",
     "typescript": "^5.6.3",
     "vitest": "^4.0.14"
@@ -78,7 +87,7 @@
     "prepublishOnly": "node -e \"if (!process.env.CSS_CALIPERS_RELEASE) { console.error('Direct npm publish is disabled; use \\\"npm run release\\\" instead.'); process.exit(1); }\"",
     "release": "node scripts/release.mjs",
     "release:dry": "node scripts/release.mjs --dry-run",
-    "test": "npm run test:core && npm run test:mediaQueries && npm run test:dist && npm run test:types",
+    "test": "npm run test:core && npm run test:mediaQueries && npm run test:dist && npm run test:types && npm run test:tsc && npm run lint",
     "test:mediaQueries": "vitest run tests/runtime/mediaQueries/mediaQueries.src.test.ts",
     "test:mediaQueries:cjs": "vitest run tests/runtime/mediaQueries/mediaQueries.cjs.test.ts tests/runtime/api-surface/mediaQueries.api-surface.cjs.test.ts",
     "test:mediaQueries:esm": "vitest run tests/runtime/mediaQueries/mediaQueries.esm.test.ts tests/runtime/api-surface/mediaQueries.api-surface.esm.test.ts",
@@ -87,7 +96,10 @@
     "test:core:cjs": "vitest run tests/runtime/core/core.cjs.test.ts tests/runtime/api-surface/api-surface.cjs.test.ts",
     "test:core:esm": "vitest run tests/runtime/core/core.esm.test.ts tests/runtime/api-surface/api-surface.esm.test.ts",
     "test:core:dist": "npm run test:core:cjs && npm run test:core:esm",
+    "lint": "eslint . --max-warnings=0",
+    "test:lint": "npm run lint",
     "test:types": "echo \"\n 🧪 Starting tsd type checks...\n\" && tsd --files tests/types/**/*.test-d.ts && echo \"✅ tsd type checks passed!\n\"",
-    "test:dist": "npm run test:core:dist && npm run test:mediaQueries:dist"
+    "test:tsc": "tsc -p tsconfig.json --noEmit",
+    "test:dist": "npm run build && npm run test:core:dist && npm run test:mediaQueries:dist"
   }
 }