css-calipers 0.13.0 → 0.15.0

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

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.emitDimensionsFeatures = exports.createEmitDimensionsFeatures = void 0;
-const helpers_1 = require("../helpers");
-const validation_1 = require("../validation");
-const linting_1 = require("../linting");
-const core_1 = require("../linting/core");
-const createEmitDimensionsFeatures = (validation) => (props, helpers, validate) => {
-    const { runMediaQueryValidation, validateMinMaxHeight, validateHeightValuesPositive, validateMinMaxAspectRatio, validateAspectRatioValuesPositive, validateWidthValuesPositive, } = validation;
-    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 (!(0, linting_1.runMediaQueryLint)(props, helpers, core_1.lintWidthRedundancy, 'width should not be combined with minWidth or maxWidth')) {
-        return;
-    }
-    if (!(0, linting_1.runMediaQueryLint)(props, helpers, core_1.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 (!(0, helpers_1.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);
-    }
-};
-exports.createEmitDimensionsFeatures = createEmitDimensionsFeatures;
-exports.emitDimensionsFeatures = (0, exports.createEmitDimensionsFeatures)(validation_1.defaultMediaQueryValidation);

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

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.emitDisplayFeatures = void 0;
-const helpers_1 = require("../helpers");
-const emitDisplayFeatures = (props, helpers, validate) => {
-    if (!(0, helpers_1.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);
-    }
-};
-exports.emitDisplayFeatures = emitDisplayFeatures;

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

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.emitEnvironmentFeatures = void 0;
-const helpers_1 = require("../helpers");
-const emitEnvironmentFeatures = (props, helpers, validate) => {
-    if (!(0, helpers_1.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);
-    }
-};
-exports.emitEnvironmentFeatures = emitEnvironmentFeatures;

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

@@ -1,23 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./custom"), exports);
-__exportStar(require("./dimensions"), exports);
-__exportStar(require("./display"), exports);
-__exportStar(require("./environment"), exports);
-__exportStar(require("./interaction"), exports);
-__exportStar(require("./preferences"), exports);
-__exportStar(require("./resolution"), exports);

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

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.emitInteractionFeatures = void 0;
-const helpers_1 = require("../helpers");
-const emitInteractionFeatures = (props, helpers, validate) => {
-    if (!(0, helpers_1.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);
-    }
-};
-exports.emitInteractionFeatures = emitInteractionFeatures;

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

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.emitPreferencesFeatures = void 0;
-const helpers_1 = require("../helpers");
-const emitPreferencesFeatures = (props, helpers, validate) => {
-    if (!(0, helpers_1.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);
-    }
-};
-exports.emitPreferencesFeatures = emitPreferencesFeatures;

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

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.emitResolutionFeatures = exports.createEmitResolutionFeatures = void 0;
-const helpers_1 = require("../helpers");
-const validation_1 = require("../validation");
-const linting_1 = require("../linting");
-const resolution_1 = require("../linting/resolution");
-const createEmitResolutionFeatures = (validation) => (props, helpers, validate) => {
-    const { runMediaQueryValidation, validateResolutionValues } = validation;
-    if (!runMediaQueryValidation(props, helpers, validateResolutionValues, 'resolution', 'resolution values must be greater than 0')) {
-        return;
-    }
-    if (!(0, linting_1.runMediaQueryLint)(props, helpers, resolution_1.lintResolutionRedundancy, 'resolution should not be combined with minResolution or maxResolution')) {
-        return;
-    }
-    if (!(0, helpers_1.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);
-    }
-};
-exports.createEmitResolutionFeatures = createEmitResolutionFeatures;
-exports.emitResolutionFeatures = (0, exports.createEmitResolutionFeatures)(validation_1.defaultMediaQueryValidation);

package/dist/cjs/mediaQueries/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/mediaQueries/validation.js

@@ -1,131 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultMediaQueryValidation = exports.validateResolutionValues = exports.validateAspectRatioValuesPositive = exports.validateMinMaxAspectRatio = exports.validateHeightValuesPositive = exports.validateMinMaxHeight = exports.validateWidthValuesPositive = exports.validateMinMaxWidth = exports.runMediaQueryValidation = exports.createMediaQueryValidation = void 0;
-const helpers_1 = require("./helpers");
-const core_1 = require("../core");
-const toValidationResult = (error, fallback) => {
-    if (error instanceof Error && error.message)
-        return error.message;
-    return fallback;
-};
-const createMediaQueryValidation = (core) => {
-    const { assertCondition, assertMatchingUnits } = core;
-    const runMediaQueryValidation = (config, helpers, check, context, fallbackMessage = 'Invalid media query configuration') => {
-        if (!check)
-            return true;
-        try {
-            check(config);
-            return true;
-        }
-        catch (error) {
-            const result = toValidationResult(error, fallbackMessage);
-            return (0, helpers_1.applyMediaQueryValidation)(config, helpers, () => result, context);
-        }
-    };
-    const validateMinMaxWidth = (props) => {
-        if (!props.minWidth || !props.maxWidth)
-            return;
-        assertMatchingUnits(props.minWidth, props.maxWidth, 'mediaQueries.minMaxWidth');
-        assertCondition(props.minWidth.getValue() <= props.maxWidth.getValue(), 'minWidth must be less than or equal to maxWidth');
-    };
-    const validateWidthValuesPositive = (props) => {
-        const assertPositive = (value, label) => {
-            assertCondition(value.getValue() > 0, `${label} must be greater than 0`);
-        };
-        if (props.width) {
-            assertPositive(props.width, 'width');
-        }
-        if (props.minWidth) {
-            assertPositive(props.minWidth, 'minWidth');
-        }
-        if (props.maxWidth) {
-            assertPositive(props.maxWidth, 'maxWidth');
-        }
-    };
-    const validateMinMaxHeight = (props) => {
-        if (!props.minHeight || !props.maxHeight)
-            return;
-        assertMatchingUnits(props.minHeight, props.maxHeight, 'mediaQueries.minMaxHeight');
-        assertCondition(props.minHeight.getValue() <= props.maxHeight.getValue(), 'minHeight must be less than or equal to maxHeight');
-    };
-    const validateHeightValuesPositive = (props) => {
-        const assertPositive = (value, label) => {
-            assertCondition(value.getValue() > 0, `${label} must be greater than 0`);
-        };
-        if (props.height) {
-            assertPositive(props.height, 'height');
-        }
-        if (props.minHeight) {
-            assertPositive(props.minHeight, 'minHeight');
-        }
-        if (props.maxHeight) {
-            assertPositive(props.maxHeight, 'maxHeight');
-        }
-    };
-    const validateMinMaxAspectRatio = (props) => {
-        if (!props.minAspectRatio || !props.maxAspectRatio)
-            return;
-        const assertRatio = (value, label) => {
-            assertCondition((0, core_1.isRatio)(value), `${label} must be a ratio created with r()`);
-        };
-        assertRatio(props.minAspectRatio, 'minAspectRatio');
-        assertRatio(props.maxAspectRatio, 'maxAspectRatio');
-        const minRatio = (0, core_1.ratioToFloat)(props.minAspectRatio);
-        const maxRatio = (0, core_1.ratioToFloat)(props.maxAspectRatio);
-        assertCondition(minRatio <= maxRatio, 'minAspectRatio must be less than or equal to maxAspectRatio');
-    };
-    const validateAspectRatioValuesPositive = (props) => {
-        const assertRatio = (value, label) => {
-            assertCondition((0, core_1.isRatio)(value), `${label} must be a ratio created with r()`);
-        };
-        const assertValidPositive = (label, ratio) => {
-            assertCondition((0, core_1.ratioToFloat)(ratio) > 0, `${label} must be a valid ratio greater than 0`);
-        };
-        if (props.aspectRatio !== undefined) {
-            assertRatio(props.aspectRatio, 'aspectRatio');
-            assertValidPositive('aspectRatio', props.aspectRatio);
-        }
-        if (props.minAspectRatio !== undefined) {
-            assertRatio(props.minAspectRatio, 'minAspectRatio');
-            assertValidPositive('minAspectRatio', props.minAspectRatio);
-        }
-        if (props.maxAspectRatio !== undefined) {
-            assertRatio(props.maxAspectRatio, 'maxAspectRatio');
-            assertValidPositive('maxAspectRatio', props.maxAspectRatio);
-        }
-    };
-    const validateResolutionValues = (props) => {
-        const assertPositive = (value, label) => {
-            assertCondition(value.getValue() > 0, `${label} must be greater than 0`);
-        };
-        if (props.resolutionValue) {
-            assertPositive(props.resolutionValue, 'resolution');
-        }
-        if (props.minResolution) {
-            assertPositive(props.minResolution, 'minResolution');
-        }
-        if (props.maxResolution) {
-            assertPositive(props.maxResolution, 'maxResolution');
-        }
-        if (props.minResolution && props.maxResolution) {
-            assertMatchingUnits(props.minResolution, props.maxResolution, 'mediaQueries.resolutionUnits');
-        }
-    };
-    return {
-        runMediaQueryValidation,
-        validateMinMaxWidth,
-        validateWidthValuesPositive,
-        validateMinMaxHeight,
-        validateHeightValuesPositive,
-        validateMinMaxAspectRatio,
-        validateAspectRatioValuesPositive,
-        validateResolutionValues,
-    };
-};
-exports.createMediaQueryValidation = createMediaQueryValidation;
-const defaultMediaQueryValidation = (0, exports.createMediaQueryValidation)({
-    assertCondition: core_1.assertCondition,
-    assertMatchingUnits: core_1.assertMatchingUnits,
-});
-exports.defaultMediaQueryValidation = defaultMediaQueryValidation;
-exports.runMediaQueryValidation = defaultMediaQueryValidation.runMediaQueryValidation, exports.validateMinMaxWidth = defaultMediaQueryValidation.validateMinMaxWidth, exports.validateWidthValuesPositive = defaultMediaQueryValidation.validateWidthValuesPositive, exports.validateMinMaxHeight = defaultMediaQueryValidation.validateMinMaxHeight, exports.validateHeightValuesPositive = defaultMediaQueryValidation.validateHeightValuesPositive, exports.validateMinMaxAspectRatio = defaultMediaQueryValidation.validateMinMaxAspectRatio, exports.validateAspectRatioValuesPositive = defaultMediaQueryValidation.validateAspectRatioValuesPositive, exports.validateResolutionValues = defaultMediaQueryValidation.validateResolutionValues;

package/dist/cjs/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/validation.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.toValidationResult = exports.normalizeValidationResult = void 0;
-const normalizeValidationResult = (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;
-};
-exports.normalizeValidationResult = normalizeValidationResult;
-const toValidationResult = (error, fallback) => {
-    if (error instanceof Error && error.message)
-        return error.message;
-    return fallback;
-};
-exports.toValidationResult = toValidationResult;

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

@@ -1,23 +0,0 @@
-import type { ContainerQueryModuleKeysMap } from "../containerQueries/moduleRegistry";
-import type { IMeasurement } from "../core";
-export type IComparisonOperator = "<" | "<=" | ">" | ">=" | "=";
-export type ContentQueryVariable = ContainerQueryModuleKeysMap[keyof ContainerQueryModuleKeysMap];
-export type ContentQueryComparisonValue = IMeasurement | number | string;
-export type Comparison<Variable = ContentQueryVariable, Value = ContentQueryComparisonValue> = {
-    variable: Variable;
-    operator: IComparisonOperator;
-    value: Value;
-};
-export type ComparisonValue<Value = ContentQueryComparisonValue> = {
-    operator: IComparisonOperator;
-    value: Value;
-    readonly __comparisonBrand: unique symbol;
-};
-export declare const compare: {
-    eq: <T extends ContentQueryComparisonValue>(value: T) => ComparisonValue<T>;
-    lt: <T extends ContentQueryComparisonValue>(value: T) => ComparisonValue<T>;
-    lte: <T extends ContentQueryComparisonValue>(value: T) => ComparisonValue<T>;
-    gt: <T extends ContentQueryComparisonValue>(value: T) => ComparisonValue<T>;
-    gte: <T extends ContentQueryComparisonValue>(value: T) => ComparisonValue<T>;
-};
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/comparisons/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,MAAM,mBAAmB,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAC;AAEhE,MAAM,MAAM,oBAAoB,GAC9B,2BAA2B,CAAC,MAAM,2BAA2B,CAAC,CAAC;AAEjE,MAAM,MAAM,2BAA2B,GACnC,YAAY,GACZ,MAAM,GACN,MAAM,CAAC;AAEX,MAAM,MAAM,UAAU,CACpB,QAAQ,GAAG,oBAAoB,EAC/B,KAAK,GAAG,2BAA2B,IACjC;IACF,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,KAAK,GAAG,2BAA2B,IAAI;IACjE,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,iBAAiB,EAAE,OAAO,MAAM,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,OAAO;SACb,CAAC,SAAS,2BAA2B,SACjC,CAAC,KACP,eAAe,CAAC,CAAC,CAAC;SAIhB,CAAC,SAAS,2BAA2B,SACjC,CAAC,KACP,eAAe,CAAC,CAAC,CAAC;UAIf,CAAC,SAAS,2BAA2B,SAClC,CAAC,KACP,eAAe,CAAC,CAAC,CAAC;SAIhB,CAAC,SAAS,2BAA2B,SACjC,CAAC,KACP,eAAe,CAAC,CAAC,CAAC;UAIf,CAAC,SAAS,2BAA2B,SAClC,CAAC,KACP,eAAe,CAAC,CAAC,CAAC;CAItB,CAAC"}

package/dist/esm/comparisons/index.js

@@ -1,22 +0,0 @@
-export const compare = {
-    eq: (value) => ({
-        operator: "=",
-        value,
-    }),
-    lt: (value) => ({
-        operator: "<",
-        value,
-    }),
-    lte: (value) => ({
-        operator: "<=",
-        value,
-    }),
-    gt: (value) => ({
-        operator: ">",
-        value,
-    }),
-    gte: (value) => ({
-        operator: ">=",
-        value,
-    }),
-};

package/dist/esm/containerQueries/containerQueries.d.ts

@@ -1,36 +0,0 @@
-import { IMeasurement } from "../core";
-import type { Comparison, IComparisonOperator } from "../comparisons";
-import type { IContainerQueryAspectRatio, IContainerQueryBlock, IContainerQueryCustomFeatures, IContainerQueryInline, IContainerQueryStyle } from "./modules";
-import { ContainerQueryValidation } from "./validation";
-import { ContainerQueryBuilderHelpers } from "./helpers";
-import type { StyleRule } from "../mediaQueries/types";
-import type { CSSContainerCondition } from "./types";
-export interface IContainerQueryProps extends IContainerQueryCore, IContainerQueryInline, IContainerQueryBlock, IContainerQueryAspectRatio, IContainerQueryStyle, IContainerQueryCustomFeatures {
-}
-export interface IContainerQueryCore {
-    minWidth?: IMeasurement | IMeasurement[];
-    maxWidth?: IMeasurement | IMeasurement[];
-    minHeight?: IMeasurement | IMeasurement[];
-    maxHeight?: IMeasurement | IMeasurement[];
-}
-export type IContainerQueryCoreVariables = IContainerQueryCore["minWidth"] | IContainerQueryCore["maxWidth"] | IContainerQueryCore["minHeight"] | IContainerQueryCore["maxHeight"];
-export type SizeComparisonValue = IMeasurement | string | number;
-export type CoreComparisonVariable = "minWidth" | "maxWidth" | "minHeight" | "maxHeight";
-export type CoreComparison = Comparison<CoreComparisonVariable, IMeasurement>;
-export type CoreComparisonBlock<Variable = CoreComparisonVariable, Value = IMeasurement> = {
-    variable: Variable;
-    operator: IComparisonOperator;
-    value: Value;
-};
-export interface IContainerQuery {
-    props: IContainerQueryProps;
-    styles: StyleRule;
-}
-export type IContainerQueries = Record<string, IContainerQueryProps>;
-export type IContainerQueryStyles<T extends IContainerQueries> = Partial<Record<keyof T, StyleRule>>;
-export declare const createEmitCoreFeatures: (validation: ContainerQueryValidation) => (props: IContainerQueryCore, helpers: ContainerQueryBuilderHelpers) => void;
-export declare const emitCoreFeatures: (props: IContainerQueryCore, helpers: ContainerQueryBuilderHelpers) => void;
-export declare const buildContainerQueryString: (config: IContainerQueryProps) => string;
-export declare const buildContainerConditionString: (condition: CSSContainerCondition) => string;
-export declare const makeContainerQueryStyle: <T extends IContainerQueries>(queries: T) => (stylesByQuery: IContainerQueryStyles<T>) => StyleRule;
-//# sourceMappingURL=containerQueries.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"containerQueries.d.ts","sourceRoot":"","sources":["../../../src/containerQueries/containerQueries.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,KAAK,EACV,0BAA0B,EAC1B,oBAAoB,EACpB,6BAA6B,EAC7B,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,WAAW,CAAC;AAanB,OAAO,EAAE,wBAAwB,EAAmC,MAAM,cAAc,CAAC;AACzF,OAAO,EAAE,4BAA4B,EAA+B,MAAM,WAAW,CAAC;AACtF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,WAAW,oBACf,SAAQ,mBAAmB,EACzB,qBAAqB,EACrB,oBAAoB,EACpB,0BAA0B,EAC1B,oBAAoB,EACpB,6BAA6B;CAAG;AAEpC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACzC,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACzC,SAAS,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IAC1C,SAAS,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CAC3C;AAED,MAAM,MAAM,4BAA4B,GACpC,mBAAmB,CAAC,UAAU,CAAC,GAC/B,mBAAmB,CAAC,UAAU,CAAC,GAC/B,mBAAmB,CAAC,WAAW,CAAC,GAChC,mBAAmB,CAAC,WAAW,CAAC,CAAC;AAErC,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAEjE,MAAM,MAAM,sBAAsB,GAC9B,UAAU,GACV,UAAU,GACV,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,sBAAsB,EAAE,YAAY,CAAC,CAAC;AAE9E,MAAM,MAAM,mBAAmB,CAC7B,QAAQ,GAAG,sBAAsB,EACjC,KAAK,GAAG,YAAY,IAClB;IACF,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,oBAAoB,CAAC;IAC5B,MAAM,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;AAErE,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,iBAAiB,IAAI,OAAO,CACtE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,CAC3B,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAChC,YAAY,wBAAwB,MACpC,OAAO,mBAAmB,EAAE,SAAS,4BAA4B,KAAG,IA6GpE,CAAC;AAEJ,eAAO,MAAM,gBAAgB,UA/GnB,mBAAmB,WAAW,4BAA4B,KAAG,IAiHtE,CAAC;AAcF,eAAO,MAAM,yBAAyB,0CAEpC,CAAC;AAcH,eAAO,MAAM,6BAA6B,GACxC,WAAW,qBAAqB,KAC/B,MAeF,CAAC;AAEF,eAAO,MAAM,uBAAuB,GACjC,CAAC,SAAS,iBAAiB,EAAE,SAAS,CAAC,MACvC,eAAe,qBAAqB,CAAC,CAAC,CAAC,KAAG,SAc1C,CAAC"}

package/dist/esm/containerQueries/containerQueries.js

@@ -1,109 +0,0 @@
-import { emitAspectRatioFeatures, emitBlockSizeFeatures, emitCustomFeatures, emitInlineSizeFeatures, emitStyleFeatures, } from "./modules";
-import { runContainerQueryLint } from "./linting";
-import { lintHeightExactRedundancy, lintWidthExactRedundancy, } from "./linting/core";
-import { defaultContainerQueryValidation } from "./validation";
-import { createContainerQueryBuilder } from "./helpers";
-export const createEmitCoreFeatures = (validation) => (props, helpers) => {
-    const allowQueryArrays = helpers.config.allowQueryArrays !== false;
-    const assertNoArray = (value, label) => {
-        if (Array.isArray(value) && !allowQueryArrays) {
-            throw new Error(`${label} does not allow arrays.`);
-        }
-    };
-    const emitFeature = (name, value) => {
-        if (Array.isArray(value)) {
-            value.forEach((entry) => {
-                var _a;
-                ((_a = helpers.addFeatureUnsafe) !== null && _a !== void 0 ? _a : helpers.addFeature)(name, entry);
-            });
-            return;
-        }
-        helpers.addFeature(name, value);
-    };
-    const { runContainerQueryValidation, validateMinMaxWidth, validateWidthValuesPositive, validateMinMaxHeight, validateHeightValuesPositive, } = validation;
-    if (!runContainerQueryValidation(props, helpers, validateMinMaxWidth, "core", "minWidth must be less than or equal to maxWidth")) {
-        return;
-    }
-    if (!runContainerQueryValidation(props, helpers, validateMinMaxHeight, "core", "minHeight must be less than or equal to maxHeight")) {
-        return;
-    }
-    if (!runContainerQueryValidation(props, helpers, validateWidthValuesPositive, "core", "width values must be greater than 0")) {
-        return;
-    }
-    if (!runContainerQueryValidation(props, helpers, validateHeightValuesPositive, "core", "height values must be greater than 0")) {
-        return;
-    }
-    if (!runContainerQueryLint(props, helpers, lintWidthExactRedundancy, "minWidth should not be combined with maxWidth when both are equal")) {
-        return;
-    }
-    if (!runContainerQueryLint(props, helpers, lintHeightExactRedundancy, "minHeight should not be combined with maxHeight when both are equal")) {
-        return;
-    }
-    if (props.minWidth !== undefined) {
-        assertNoArray(props.minWidth, "minWidth");
-        emitFeature("min-width", props.minWidth);
-    }
-    if (props.maxWidth !== undefined) {
-        assertNoArray(props.maxWidth, "maxWidth");
-        emitFeature("max-width", props.maxWidth);
-    }
-    if (props.minHeight !== undefined) {
-        assertNoArray(props.minHeight, "minHeight");
-        emitFeature("min-height", props.minHeight);
-    }
-    if (props.maxHeight !== undefined) {
-        assertNoArray(props.maxHeight, "maxHeight");
-        emitFeature("max-height", props.maxHeight);
-    }
-};
-export const emitCoreFeatures = createEmitCoreFeatures(defaultContainerQueryValidation);
-const emitBaseFeatures = (props, helpers) => {
-    emitCoreFeatures(props, helpers);
-    emitAspectRatioFeatures(props, helpers);
-    emitInlineSizeFeatures(props, helpers);
-    emitBlockSizeFeatures(props, helpers);
-    emitStyleFeatures(props, helpers);
-    emitCustomFeatures(props, helpers);
-};
-export const buildContainerQueryString = createContainerQueryBuilder({
-    emitBase: emitBaseFeatures,
-});
-const wrapContainerCondition = (value) => {
-    const trimmed = value.trim();
-    if (trimmed.includes(" and ") ||
-        trimmed.includes(" or ") ||
-        trimmed.startsWith("not ")) {
-        return `(${trimmed})`;
-    }
-    return trimmed;
-};
-export const buildContainerConditionString = (condition) => {
-    if ("and" in condition) {
-        return condition.and
-            .map((entry) => wrapContainerCondition(buildContainerConditionString(entry)))
-            .join(" and ");
-    }
-    if ("or" in condition) {
-        return condition.or
-            .map((entry) => wrapContainerCondition(buildContainerConditionString(entry)))
-            .join(" or ");
-    }
-    if ("not" in condition) {
-        return `not ${wrapContainerCondition(buildContainerConditionString(condition.not))}`;
-    }
-    return buildContainerQueryString(condition);
-};
-export const makeContainerQueryStyle = (queries) => (stylesByQuery) => {
-    const result = {};
-    Object.keys(stylesByQuery).forEach((key) => {
-        const styles = stylesByQuery[key];
-        const props = queries[key];
-        if (!styles || !props)
-            return;
-        result[buildContainerQueryString(props)] = styles;
-    });
-    const containerQuery = {
-        "@container": result,
-    };
-    return containerQuery;
-};

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

@@ -1,20 +0,0 @@
-import type { ComplexStyleRule, StyleRule } from "../mediaQueries/types";
-import type { CSSContainerQueries } from "./types";
-import type { ContainerQueryBuilderConfig } from "./helpers";
-import type { ContainerQueryModulesList } from "./moduleRegistry";
-type ContainerQueryStyleMap<TQueries> = Partial<Record<keyof TQueries, StyleRule>>;
-export type ContainerQueryFactoryConfig<TModules extends ContainerQueryModulesList | undefined = undefined, TOutput = ComplexStyleRule> = ContainerQueryBuilderConfig & {
-    label: string;
-    modules?: TModules;
-    output?: (container: ComplexStyleRule) => TOutput;
-};
-export declare const createContainerQueryFactory: () => <TModules extends ContainerQueryModulesList | undefined, TQueries extends CSSContainerQueries, TOutput = ComplexStyleRule>(options: {
-    queries: TQueries;
-    config: ContainerQueryFactoryConfig<TModules, TOutput>;
-}) => (stylesByQuery: ContainerQueryStyleMap<TQueries>) => TOutput;
-export declare const containerQueryFactory: <TModules extends ContainerQueryModulesList | undefined, TQueries extends CSSContainerQueries, TOutput = ComplexStyleRule>(options: {
-    queries: TQueries;
-    config: ContainerQueryFactoryConfig<TModules, TOutput>;
-}) => (stylesByQuery: ContainerQueryStyleMap<TQueries>) => TOutput;
-export {};
-//# sourceMappingURL=factory.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../src/containerQueries/factory.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,KAAK,EAEV,mBAAmB,EACpB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EACV,2BAA2B,EAC5B,MAAM,WAAW,CAAC;AAEnB,OAAO,KAAK,EAEV,yBAAyB,EAC1B,MAAM,kBAAkB,CAAC;AAE1B,KAAK,sBAAsB,CAAC,QAAQ,IAAI,OAAO,CAC7C,MAAM,CAAC,MAAM,QAAQ,EAAE,SAAS,CAAC,CAClC,CAAC;AAqIF,MAAM,MAAM,2BAA2B,CACrC,QAAQ,SAAS,yBAAyB,GAAG,SAAS,GAAG,SAAS,EAClE,OAAO,GAAG,gBAAgB,IACxB,2BAA2B,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,KAAK,OAAO,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,2BAA2B,SACtC,QAAQ,SAAS,yBAAyB,GAAG,SAAS,EACtD,QAAQ,SAAS,mBAAmB,EACpC,OAAO,GAAG,gBAAgB,EAC1B,SAAS;IACT,OAAO,EAAE,QAAQ,CAAC;IAClB,MAAM,EAAE,2BAA2B,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;CACxD,MAGS,eAAe,sBAAsB,CAAC,QAAQ,CAAC,KAAG,OA6B3D,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAxChC,QAAQ,SAAS,yBAAyB,GAAG,SAAS,EACtD,QAAQ,SAAS,mBAAmB,EACpC,OAAO,8BACE;IACT,OAAO,EAAE,QAAQ,CAAC;IAClB,MAAM,EAAE,2BAA2B,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;CACxD,MAGS,eAAe,sBAAsB,CAAC,QAAQ,CAAC,KAAG,OA+BM,CAAC"}