css-calipers 0.7.0 → 0.9.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../../../src/mediaQueries/linting/core.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAEnE,eAAO,MAAM,mBAAmB,GAC9B,OAAO,eAAe,GAAG,qBAAqB,KAC7C,IAOF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,OAAO,qBAAqB,KAC3B,IAOF,CAAC"}

package/dist/esm/mediaQueries/linting/core.js

@@ -0,0 +1,14 @@
+export const lintWidthRedundancy = (props) => {
+    if (!props.width)
+        return;
+    if (props.minWidth || props.maxWidth) {
+        throw new Error('width should not be combined with minWidth or maxWidth');
+    }
+};
+export const lintHeightRedundancy = (props) => {
+    if (!props.height)
+        return;
+    if (props.minHeight || props.maxHeight) {
+        throw new Error('height should not be combined with minHeight or maxHeight');
+    }
+};

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

@@ -0,0 +1,3 @@
+import type { IMediaQueryResolutionRange } from '../modules/resolution';
+export declare const lintResolutionRedundancy: (props: IMediaQueryResolutionRange) => void;
+//# sourceMappingURL=resolution.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolution.d.ts","sourceRoot":"","sources":["../../../../src/mediaQueries/linting/resolution.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAExE,eAAO,MAAM,wBAAwB,GACnC,OAAO,0BAA0B,KAChC,IAOF,CAAC"}

package/dist/esm/mediaQueries/linting/resolution.js

@@ -0,0 +1,7 @@
+export const lintResolutionRedundancy = (props) => {
+    if (!props.resolutionValue)
+        return;
+    if (props.minResolution || props.maxResolution) {
+        throw new Error('resolution should not be combined with minResolution or maxResolution');
+    }
+};

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

@@ -0,0 +1,4 @@
+import type { MediaQueryBuilderHelpers } from './helpers';
+export type MediaQueryLintCheck<TConfig> = (config: TConfig) => void;
+export declare const runMediaQueryLint: <TConfig>(config: TConfig, helpers: MediaQueryBuilderHelpers, check?: MediaQueryLintCheck<TConfig>, message?: string) => boolean;
+//# sourceMappingURL=linting.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"linting.d.ts","sourceRoot":"","sources":["../../../src/mediaQueries/linting.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EAEzB,MAAM,WAAW,CAAC;AAEnB,MAAM,MAAM,mBAAmB,CAAC,OAAO,IAAI,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;AAErE,eAAO,MAAM,iBAAiB,GAAI,OAAO,EACvC,QAAQ,OAAO,EACf,SAAS,wBAAwB,EACjC,QAAQ,mBAAmB,CAAC,OAAO,CAAC,EACpC,gBAAmC,KAClC,OAiBF,CAAC"}

package/dist/esm/mediaQueries/linting.js

@@ -0,0 +1,20 @@
+export const runMediaQueryLint = (config, helpers, check, message = 'Media query lint failed') => {
+    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 : 'throw';
+    if (mode === 'allow')
+        return true;
+    if (mode === 'log') {
+        try {
+            check(config);
+            return true;
+        }
+        catch {
+            console.warn(message);
+            return true;
+        }
+    }
+    check(config);
+    return true;
+};

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

@@ -0,0 +1,21 @@
+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 {
+}
+export interface IMediaQueryCore {
+    type?: "all" | "print" | "screen";
+    minWidth?: IMeasurement;
+    maxWidth?: IMeasurement;
+}
+export interface IMediaQuery {
+    props: IMediaQueryProps;
+    styles: StyleRule;
+}
+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

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

@@ -0,0 +1,46 @@
+import { createMediaQueryBuilder } from "./helpers";
+import { runMediaQueryValidation, validateMinMaxWidth, validateWidthValuesPositive, } from "./validation";
+import { emitCustomFeatures, emitDimensionsFeatures, emitDisplayFeatures, emitEnvironmentFeatures, emitInteractionFeatures, emitPreferencesFeatures, emitResolutionFeatures, } from "./modules";
+export const emitCoreFeatures = (props, helpers) => {
+    if (!runMediaQueryValidation(props, helpers, validateMinMaxWidth, "core", "minWidth must be less than or equal to maxWidth")) {
+        return;
+    }
+    if (!runMediaQueryValidation(props, helpers, validateWidthValuesPositive, "core", "width values must be greater than 0")) {
+        return;
+    }
+    const { addFeature } = helpers;
+    if (props.minWidth) {
+        addFeature("min-width", props.minWidth);
+    }
+    if (props.maxWidth) {
+        addFeature("max-width", props.maxWidth);
+    }
+};
+const emitBaseFeatures = (props, helpers) => {
+    emitCoreFeatures(props, helpers);
+    emitDimensionsFeatures(props, helpers);
+    emitResolutionFeatures(props, helpers);
+    emitInteractionFeatures(props, helpers);
+    emitPreferencesFeatures(props, helpers);
+    emitDisplayFeatures(props, helpers);
+    emitEnvironmentFeatures(props, helpers);
+    emitCustomFeatures(props, helpers);
+};
+export const buildMediaQueryString = createMediaQueryBuilder({
+    emitBase: emitBaseFeatures,
+    resolveType: (props) => props.type,
+});
+export const makeMediaQueryStyle = (queries) => (stylesByQuery) => {
+    const result = {};
+    Object.keys(stylesByQuery).forEach((key) => {
+        const styles = stylesByQuery[key];
+        const props = queries[key];
+        if (!styles || !props)
+            return;
+        result[buildMediaQueryString(props)] = styles;
+    });
+    const mediaQuery = {
+        "@media": result,
+    };
+    return mediaQuery;
+};

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/modules/custom.d.ts

@@ -0,0 +1,10 @@
+import type { IMeasurement } from '../../core';
+import type { MediaQueryBuilderHelpers, MediaQueryValidator } from '../helpers';
+type MediaQueryFeatureValue = string | number | IMeasurement;
+export interface IMediaQueryCustomFeatures {
+    customFeatures?: Record<string, MediaQueryFeatureValue>;
+}
+export type MediaQueryCustomFeaturesValidator = MediaQueryValidator<IMediaQueryCustomFeatures>;
+export declare const emitCustomFeatures: (props: IMediaQueryCustomFeatures, helpers: MediaQueryBuilderHelpers, validate?: MediaQueryCustomFeaturesValidator) => void;
+export {};
+//# sourceMappingURL=custom.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"custom.d.ts","sourceRoot":"","sources":["../../../../src/mediaQueries/modules/custom.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,OAAO,KAAK,EACV,wBAAwB,EACxB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAGpB,KAAK,sBAAsB,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;AAE7D,MAAM,WAAW,yBAAyB;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;CACzD;AAED,MAAM,MAAM,iCAAiC,GAC3C,mBAAmB,CAAC,yBAAyB,CAAC,CAAC;AAEjD,eAAO,MAAM,kBAAkB,GAC7B,OAAO,yBAAyB,EAChC,SAAS,wBAAwB,EACjC,WAAW,iCAAiC,KAC3C,IAqBF,CAAC"}

package/dist/esm/mediaQueries/modules/custom.js

@@ -0,0 +1,22 @@
+import { hasCssMethod } from '../../core';
+import { applyMediaQueryValidation } from '../helpers';
+export const emitCustomFeatures = (props, helpers, validate) => {
+    if (!applyMediaQueryValidation(props, helpers, validate, 'custom')) {
+        return;
+    }
+    const { addFeature } = helpers;
+    if (!props.customFeatures)
+        return;
+    Object.entries(props.customFeatures).forEach(([name, value]) => {
+        if (value === undefined || value === null)
+            return;
+        const trimmedName = name.trim();
+        if (!trimmedName) {
+            throw new Error('Custom feature name must be non-empty.');
+        }
+        if (typeof value === 'object' && !hasCssMethod(value)) {
+            throw new Error(`Custom feature "${trimmedName}" must be a primitive or a measurement.`);
+        }
+        addFeature(trimmedName, value);
+    });
+};

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

@@ -0,0 +1,17 @@
+import type { IMeasurement } from '../../core';
+import type { MediaQueryBuilderHelpers, MediaQueryValidator } from '../helpers';
+type MediaQueryRatio = number | string;
+export interface IMediaQueryDimensions {
+    width?: IMeasurement;
+    minHeight?: IMeasurement;
+    maxHeight?: IMeasurement;
+    height?: IMeasurement;
+    aspectRatio?: MediaQueryRatio;
+    minAspectRatio?: MediaQueryRatio;
+    maxAspectRatio?: MediaQueryRatio;
+    orientation?: 'landscape' | 'portrait';
+}
+export type MediaQueryDimensionsValidator = MediaQueryValidator<IMediaQueryDimensions>;
+export declare const emitDimensionsFeatures: (props: IMediaQueryDimensions, helpers: MediaQueryBuilderHelpers, validate?: MediaQueryDimensionsValidator) => void;
+export {};
+//# sourceMappingURL=dimensions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dimensions.d.ts","sourceRoot":"","sources":["../../../../src/mediaQueries/modules/dimensions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EACV,wBAAwB,EACxB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAgBpB,KAAK,eAAe,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvC,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,WAAW,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;CACxC;AAED,MAAM,MAAM,6BAA6B,GACvC,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;AAE7C,eAAO,MAAM,sBAAsB,GACjC,OAAO,qBAAqB,EAC5B,SAAS,wBAAwB,EACjC,WAAW,6BAA6B,KACvC,IA0GF,CAAC"}

package/dist/esm/mediaQueries/modules/dimensions.js

@@ -0,0 +1,55 @@
+import { applyMediaQueryValidation } from '../helpers';
+import { runMediaQueryValidation, validateAspectRatioValuesPositive, validateHeightValuesPositive, validateMinMaxAspectRatio, validateMinMaxHeight, validateWidthValuesPositive, } from '../validation';
+import { runMediaQueryLint } from '../linting';
+import { lintHeightRedundancy, lintWidthRedundancy, } from '../linting/core';
+export const emitDimensionsFeatures = (props, helpers, validate) => {
+    if (!runMediaQueryValidation(props, helpers, validateMinMaxHeight, 'dimensions', 'minHeight must be less than or equal to maxHeight')) {
+        return;
+    }
+    if (!runMediaQueryValidation(props, helpers, validateHeightValuesPositive, 'dimensions', 'height values must be greater than 0')) {
+        return;
+    }
+    if (!runMediaQueryLint(props, helpers, lintWidthRedundancy, 'width should not be combined with minWidth or maxWidth')) {
+        return;
+    }
+    if (!runMediaQueryLint(props, helpers, lintHeightRedundancy, 'height should not be combined with minHeight or maxHeight')) {
+        return;
+    }
+    if (!runMediaQueryValidation(props, helpers, validateWidthValuesPositive, 'dimensions', 'width values must be greater than 0')) {
+        return;
+    }
+    if (!runMediaQueryValidation(props, helpers, validateMinMaxAspectRatio, 'dimensions', 'minAspectRatio must be less than or equal to maxAspectRatio')) {
+        return;
+    }
+    if (!runMediaQueryValidation(props, helpers, validateAspectRatioValuesPositive, 'dimensions', 'aspect ratio values must be greater than 0')) {
+        return;
+    }
+    if (!applyMediaQueryValidation(props, helpers, validate, 'dimensions')) {
+        return;
+    }
+    const { addFeature } = helpers;
+    if (props.width) {
+        addFeature('width', props.width);
+    }
+    if (props.height) {
+        addFeature('height', props.height);
+    }
+    if (props.minHeight) {
+        addFeature('min-height', props.minHeight);
+    }
+    if (props.maxHeight) {
+        addFeature('max-height', props.maxHeight);
+    }
+    if (props.aspectRatio) {
+        addFeature('aspect-ratio', props.aspectRatio);
+    }
+    if (props.minAspectRatio) {
+        addFeature('min-aspect-ratio', props.minAspectRatio);
+    }
+    if (props.maxAspectRatio) {
+        addFeature('max-aspect-ratio', props.maxAspectRatio);
+    }
+    if (props.orientation) {
+        addFeature('orientation', props.orientation);
+    }
+};

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

@@ -0,0 +1,9 @@
+import type { MediaQueryBuilderHelpers, MediaQueryValidator } from '../helpers';
+export interface IMediaQueryDisplay {
+    colorGamut?: 'srgb' | 'p3' | 'rec2020';
+    dynamicRange?: 'standard' | 'high';
+    invertedColors?: 'none' | 'inverted';
+}
+export type MediaQueryDisplayValidator = MediaQueryValidator<IMediaQueryDisplay>;
+export declare const emitDisplayFeatures: (props: IMediaQueryDisplay, helpers: MediaQueryBuilderHelpers, validate?: MediaQueryDisplayValidator) => void;
+//# sourceMappingURL=display.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display.d.ts","sourceRoot":"","sources":["../../../../src/mediaQueries/modules/display.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAGpB,MAAM,WAAW,kBAAkB;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CACtC;AAED,MAAM,MAAM,0BAA0B,GACpC,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;AAE1C,eAAO,MAAM,mBAAmB,GAC9B,OAAO,kBAAkB,EACzB,SAAS,wBAAwB,EACjC,WAAW,0BAA0B,KACpC,IAgBF,CAAC"}

package/dist/esm/mediaQueries/modules/display.js

@@ -0,0 +1,16 @@
+import { applyMediaQueryValidation } from '../helpers';
+export const emitDisplayFeatures = (props, helpers, validate) => {
+    if (!applyMediaQueryValidation(props, helpers, validate, 'display')) {
+        return;
+    }
+    const { addFeature } = helpers;
+    if (props.colorGamut) {
+        addFeature('color-gamut', props.colorGamut);
+    }
+    if (props.dynamicRange) {
+        addFeature('dynamic-range', props.dynamicRange);
+    }
+    if (props.invertedColors) {
+        addFeature('inverted-colors', props.invertedColors);
+    }
+};

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

@@ -0,0 +1,9 @@
+import type { MediaQueryBuilderHelpers, MediaQueryValidator } from '../helpers';
+export interface IMediaQueryEnvironment {
+    scripting?: 'none' | 'initial-only' | 'enabled';
+    overflowBlock?: 'none' | 'scroll' | 'paged';
+    overflowInline?: 'none' | 'scroll';
+}
+export type MediaQueryEnvironmentValidator = MediaQueryValidator<IMediaQueryEnvironment>;
+export declare const emitEnvironmentFeatures: (props: IMediaQueryEnvironment, helpers: MediaQueryBuilderHelpers, validate?: MediaQueryEnvironmentValidator) => void;
+//# sourceMappingURL=environment.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"environment.d.ts","sourceRoot":"","sources":["../../../../src/mediaQueries/modules/environment.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAGpB,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS,CAAC;IAChD,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CACpC;AAED,MAAM,MAAM,8BAA8B,GACxC,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;AAE9C,eAAO,MAAM,uBAAuB,GAClC,OAAO,sBAAsB,EAC7B,SAAS,wBAAwB,EACjC,WAAW,8BAA8B,KACxC,IAkBF,CAAC"}

package/dist/esm/mediaQueries/modules/environment.js

@@ -0,0 +1,16 @@
+import { applyMediaQueryValidation } from '../helpers';
+export const emitEnvironmentFeatures = (props, helpers, validate) => {
+    if (!applyMediaQueryValidation(props, helpers, validate, 'environment')) {
+        return;
+    }
+    const { addFeature } = helpers;
+    if (props.scripting) {
+        addFeature('scripting', props.scripting);
+    }
+    if (props.overflowBlock) {
+        addFeature('overflow-block', props.overflowBlock);
+    }
+    if (props.overflowInline) {
+        addFeature('overflow-inline', props.overflowInline);
+    }
+};

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

@@ -0,0 +1,8 @@
+export * from './custom';
+export * from './dimensions';
+export * from './display';
+export * from './environment';
+export * from './interaction';
+export * from './preferences';
+export * from './resolution';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/mediaQueries/modules/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}

package/dist/esm/mediaQueries/modules/index.js

@@ -0,0 +1,7 @@
+export * from './custom';
+export * from './dimensions';
+export * from './display';
+export * from './environment';
+export * from './interaction';
+export * from './preferences';
+export * from './resolution';

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

@@ -0,0 +1,11 @@
+import type { MediaQueryBuilderHelpers, MediaQueryValidator } from '../helpers';
+export interface IMediaQueryInteraction {
+    hover?: 'none' | 'hover';
+    anyHover?: 'none' | 'hover';
+    pointer?: 'none' | 'coarse' | 'fine';
+    anyPointer?: 'none' | 'coarse' | 'fine';
+    update?: 'none' | 'slow' | 'fast';
+}
+export type MediaQueryInteractionValidator = MediaQueryValidator<IMediaQueryInteraction>;
+export declare const emitInteractionFeatures: (props: IMediaQueryInteraction, helpers: MediaQueryBuilderHelpers, validate?: MediaQueryInteractionValidator) => void;
+//# sourceMappingURL=interaction.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interaction.d.ts","sourceRoot":"","sources":["../../../../src/mediaQueries/modules/interaction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAGpB,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CACnC;AAED,MAAM,MAAM,8BAA8B,GACxC,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;AAE9C,eAAO,MAAM,uBAAuB,GAClC,OAAO,sBAAsB,EAC7B,SAAS,wBAAwB,EACjC,WAAW,8BAA8B,KACxC,IAwBF,CAAC"}

package/dist/esm/mediaQueries/modules/interaction.js

@@ -0,0 +1,22 @@
+import { applyMediaQueryValidation } from '../helpers';
+export const emitInteractionFeatures = (props, helpers, validate) => {
+    if (!applyMediaQueryValidation(props, helpers, validate, 'interaction')) {
+        return;
+    }
+    const { addFeature } = helpers;
+    if (props.hover) {
+        addFeature('hover', props.hover);
+    }
+    if (props.anyHover) {
+        addFeature('any-hover', props.anyHover);
+    }
+    if (props.pointer) {
+        addFeature('pointer', props.pointer);
+    }
+    if (props.anyPointer) {
+        addFeature('any-pointer', props.anyPointer);
+    }
+    if (props.update) {
+        addFeature('update', props.update);
+    }
+};

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

@@ -0,0 +1,11 @@
+import type { MediaQueryBuilderHelpers, MediaQueryValidator } from '../helpers';
+export interface IMediaQueryPreferences {
+    colorScheme?: 'light' | 'dark';
+    reducedMotion?: 'no-preference' | 'reduce';
+    reducedData?: 'no-preference' | 'reduce';
+    contrast?: 'no-preference' | 'more' | 'less';
+    forcedColors?: 'none' | 'active';
+}
+export type MediaQueryPreferencesValidator = MediaQueryValidator<IMediaQueryPreferences>;
+export declare const emitPreferencesFeatures: (props: IMediaQueryPreferences, helpers: MediaQueryBuilderHelpers, validate?: MediaQueryPreferencesValidator) => void;
+//# sourceMappingURL=preferences.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preferences.d.ts","sourceRoot":"","sources":["../../../../src/mediaQueries/modules/preferences.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAGpB,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,eAAe,GAAG,QAAQ,CAAC;IAC3C,WAAW,CAAC,EAAE,eAAe,GAAG,QAAQ,CAAC;IACzC,QAAQ,CAAC,EAAE,eAAe,GAAG,MAAM,GAAG,MAAM,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CAClC;AAED,MAAM,MAAM,8BAA8B,GACxC,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;AAE9C,eAAO,MAAM,uBAAuB,GAClC,OAAO,sBAAsB,EAC7B,SAAS,wBAAwB,EACjC,WAAW,8BAA8B,KACxC,IAwBF,CAAC"}

package/dist/esm/mediaQueries/modules/preferences.js

@@ -0,0 +1,22 @@
+import { applyMediaQueryValidation } from '../helpers';
+export const emitPreferencesFeatures = (props, helpers, validate) => {
+    if (!applyMediaQueryValidation(props, helpers, validate, 'preferences')) {
+        return;
+    }
+    const { addFeature } = helpers;
+    if (props.colorScheme) {
+        addFeature('prefers-color-scheme', props.colorScheme);
+    }
+    if (props.reducedMotion) {
+        addFeature('prefers-reduced-motion', props.reducedMotion);
+    }
+    if (props.reducedData) {
+        addFeature('prefers-reduced-data', props.reducedData);
+    }
+    if (props.contrast) {
+        addFeature('prefers-contrast', props.contrast);
+    }
+    if (props.forcedColors) {
+        addFeature('forced-colors', props.forcedColors);
+    }
+};

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

@@ -0,0 +1,10 @@
+import type { IMeasurement } from '../../core';
+import type { MediaQueryBuilderHelpers, MediaQueryValidator } from '../helpers';
+export interface IMediaQueryResolutionRange {
+    minResolution?: IMeasurement;
+    maxResolution?: IMeasurement;
+    resolutionValue?: IMeasurement;
+}
+export type MediaQueryResolutionValidator = MediaQueryValidator<IMediaQueryResolutionRange>;
+export declare const emitResolutionFeatures: (props: IMediaQueryResolutionRange, helpers: MediaQueryBuilderHelpers, validate?: MediaQueryResolutionValidator) => void;
+//# sourceMappingURL=resolution.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolution.d.ts","sourceRoot":"","sources":["../../../../src/mediaQueries/modules/resolution.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EACV,wBAAwB,EACxB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAMpB,MAAM,WAAW,0BAA0B;IACzC,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,eAAe,CAAC,EAAE,YAAY,CAAC;CAChC;AAED,MAAM,MAAM,6BAA6B,GACvC,mBAAmB,CAAC,0BAA0B,CAAC,CAAC;AAElD,eAAO,MAAM,sBAAsB,GACjC,OAAO,0BAA0B,EACjC,SAAS,wBAAwB,EACjC,WAAW,6BAA6B,KACvC,IAqCF,CAAC"}

package/dist/esm/mediaQueries/modules/resolution.js

@@ -0,0 +1,25 @@
+import { applyMediaQueryValidation } from '../helpers';
+import { runMediaQueryValidation, validateResolutionValues } from '../validation';
+import { runMediaQueryLint } from '../linting';
+import { lintResolutionRedundancy } from '../linting/resolution';
+export const emitResolutionFeatures = (props, helpers, validate) => {
+    if (!runMediaQueryValidation(props, helpers, validateResolutionValues, 'resolution', 'resolution values must be greater than 0')) {
+        return;
+    }
+    if (!runMediaQueryLint(props, helpers, lintResolutionRedundancy, 'resolution should not be combined with minResolution or maxResolution')) {
+        return;
+    }
+    if (!applyMediaQueryValidation(props, helpers, validate, 'resolution')) {
+        return;
+    }
+    const { addFeature } = helpers;
+    if (props.resolutionValue) {
+        addFeature('resolution', props.resolutionValue);
+    }
+    if (props.minResolution) {
+        addFeature('min-resolution', props.minResolution);
+    }
+    if (props.maxResolution) {
+        addFeature('max-resolution', props.maxResolution);
+    }
+};

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

@@ -0,0 +1,117 @@
+import type { AtRule, Properties } from "csstype";
+export type Resolve<T> = {
+    [Key in keyof T]: T[Key];
+} & {};
+export type CSSVarFunction = string;
+export type MapLeafNodes<T, Leaf> = T extends null ? null : T extends string ? Leaf : T extends object ? {
+    [Key in keyof T]: MapLeafNodes<T[Key], Leaf>;
+} : Leaf;
+type CSSTypeProperties = Properties<number | (string & {})>;
+export type CSSProperties = {
+    [Property in keyof CSSTypeProperties]: CSSTypeProperties[Property] | CSSVarFunction | Array<CSSVarFunction | CSSTypeProperties[Property]>;
+};
+export interface CSSKeyframes {
+    [time: string]: CSSPropertiesWithVars;
+}
+export type CSSPropertiesWithVars = CSSProperties & {
+    vars?: {
+        [key: string]: string;
+    };
+};
+export type SimplePseudo = `:${string}` | `::${string}`;
+type PseudoProperties = {
+    [key in SimplePseudo]?: CSSPropertiesWithVars;
+};
+type CSSPropertiesAndPseudos = CSSPropertiesWithVars & PseudoProperties;
+type Query<Key extends string, StyleType> = {
+    [key in Key]?: {
+        [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 StartingStyle<StyleType> = {
+    "@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>;
+export interface SelectorMap {
+    [selector: string]: WithQueries<CSSPropertiesWithVars>;
+}
+export interface StyleWithSelectors extends CSSPropertiesAndPseudos {
+    selectors?: SelectorMap;
+}
+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 CSSStyleBlock = {
+    type: "local";
+    selector: string;
+    rule: StyleRule;
+};
+export type CSSFontFaceBlock = {
+    type: "fontFace";
+    rule: GlobalFontFaceRule;
+};
+export type CSSKeyframesBlock = {
+    type: "keyframes";
+    name: string;
+    rule: CSSKeyframes;
+};
+export type CSSSelectorBlock = {
+    type: "selector" | "global";
+    selector: string;
+    rule: GlobalStyleRule;
+};
+export type CSSLayerDeclaration = {
+    type: "layer";
+    name: string;
+};
+export type CSSPropertyBlock = {
+    type: "property";
+    name: string;
+    rule: AtRule.Property;
+};
+export type CSS = CSSStyleBlock | CSSFontFaceBlock | CSSKeyframesBlock | CSSSelectorBlock | CSSLayerDeclaration | CSSPropertyBlock;
+export type FileScope = {
+    packageName?: string;
+    filePath: string;
+};
+export interface Composition {
+    identifier: string;
+    classList: string;
+}
+type CustomIdentFunction = (params: {
+    hash: string;
+    filePath: string;
+    debugId?: string;
+    packageName?: string;
+}) => string;
+type IdentOption = "short" | "debug" | CustomIdentFunction;
+export interface Adapter {
+    appendCss: (css: CSS, fileScope: FileScope) => void;
+    registerClassName: (className: string, fileScope: FileScope) => void;
+    registerComposition: (composition: Composition, fileScope: FileScope) => void;
+    markCompositionUsed: (identifier: string) => void;
+    onBeginFileScope?: (fileScope: FileScope) => void;
+    onEndFileScope: (fileScope: FileScope) => void;
+    getIdentOption: () => IdentOption;
+}
+export type NullableTokens = {
+    [key: string]: string | NullableTokens | null;
+};
+export type Tokens = {
+    [key: string]: string | 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 LooseAutocomplete<Suggestions extends string> = Suggestions | Omit<string, Suggestions>;
+export type PropertySyntax = LooseAutocomplete<_PropertySyntax>;
+export {};
+//# sourceMappingURL=types.d.ts.map