css-calipers 0.14.0 → 0.15.0

package/dist/examples/src/mediaQueries/validation.js

@@ -1,128 +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 assertRatio = (value, label) => {
-        assertCondition((0, core_1.isRatio)(value), `${label} must be a ratio created with r()`);
-    };
-    const assertRatioPositive = (value, label) => {
-        assertCondition(value.numerator() > 0 && value.denominator() > 0, `${label} must be a valid ratio greater than 0`);
-    };
-    const validateMinMaxAspectRatio = (props) => {
-        if (!props.minAspectRatio || !props.maxAspectRatio)
-            return;
-        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) => {
-        if (props.aspectRatio !== undefined) {
-            assertRatio(props.aspectRatio, "aspectRatio");
-            assertRatioPositive(props.aspectRatio, "aspectRatio");
-        }
-        if (props.minAspectRatio !== undefined) {
-            assertRatio(props.minAspectRatio, "minAspectRatio");
-            assertRatioPositive(props.minAspectRatio, "minAspectRatio");
-        }
-        if (props.maxAspectRatio !== undefined) {
-            assertRatio(props.maxAspectRatio, "maxAspectRatio");
-            assertRatioPositive(props.maxAspectRatio, "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/examples/src/ratio.js

@@ -1,141 +0,0 @@
-"use strict";
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _RatioImpl_numerator, _RatioImpl_denominator, _RatioImpl_omitDenominatorWhenOne;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ratioToFloat = exports.simplifyRatio = exports.reduceRatio = exports.normalizeRatio = exports.parseRatio = exports.isRatio = void 0;
-exports.r = r;
-class RatioImpl {
-    constructor(numerator, denominator, options = {}) {
-        var _a;
-        _RatioImpl_numerator.set(this, void 0);
-        _RatioImpl_denominator.set(this, void 0);
-        _RatioImpl_omitDenominatorWhenOne.set(this, void 0);
-        if (!Number.isFinite(numerator) || !Number.isFinite(denominator)) {
-            throw new Error("Ratio values must be finite numbers.");
-        }
-        if (denominator === 0) {
-            throw new Error("Ratio denominator cannot be zero.");
-        }
-        __classPrivateFieldSet(this, _RatioImpl_numerator, numerator, "f");
-        __classPrivateFieldSet(this, _RatioImpl_denominator, denominator, "f");
-        __classPrivateFieldSet(this, _RatioImpl_omitDenominatorWhenOne, (_a = options.omitDenominatorWhenOne) !== null && _a !== void 0 ? _a : false, "f");
-    }
-    numerator() {
-        return __classPrivateFieldGet(this, _RatioImpl_numerator, "f");
-    }
-    denominator() {
-        return __classPrivateFieldGet(this, _RatioImpl_denominator, "f");
-    }
-    withNumerator(numerator) {
-        return new RatioImpl(numerator, __classPrivateFieldGet(this, _RatioImpl_denominator, "f"));
-    }
-    withDenominator(denominator) {
-        return new RatioImpl(__classPrivateFieldGet(this, _RatioImpl_numerator, "f"), denominator);
-    }
-    valueOf() {
-        return __classPrivateFieldGet(this, _RatioImpl_numerator, "f") / __classPrivateFieldGet(this, _RatioImpl_denominator, "f");
-    }
-    css() {
-        if (__classPrivateFieldGet(this, _RatioImpl_omitDenominatorWhenOne, "f") && __classPrivateFieldGet(this, _RatioImpl_denominator, "f") === 1) {
-            return String(__classPrivateFieldGet(this, _RatioImpl_numerator, "f"));
-        }
-        return `${__classPrivateFieldGet(this, _RatioImpl_numerator, "f")}/${__classPrivateFieldGet(this, _RatioImpl_denominator, "f")}`;
-    }
-    toString() {
-        return this.css();
-    }
-}
-_RatioImpl_numerator = new WeakMap(), _RatioImpl_denominator = new WeakMap(), _RatioImpl_omitDenominatorWhenOne = new WeakMap();
-function r(numeratorOrDenominator, denominator) {
-    const numerator = denominator === undefined ? numeratorOrDenominator : numeratorOrDenominator;
-    const resolvedDenominator = denominator === undefined ? 1 : denominator;
-    return new RatioImpl(numerator, resolvedDenominator);
-}
-const isRatio = (value) => {
-    return (typeof value === "object" &&
-        value !== null &&
-        "css" in value &&
-        "numerator" in value &&
-        "denominator" in value &&
-        typeof value.css === "function" &&
-        typeof value.numerator === "function" &&
-        typeof value.denominator === "function");
-};
-exports.isRatio = isRatio;
-const parseRatio = (value) => {
-    if (typeof value === "number") {
-        return Number.isFinite(value) ? { numerator: value, denominator: 1 } : null;
-    }
-    if ((0, exports.isRatio)(value)) {
-        return { numerator: value.numerator(), denominator: value.denominator() };
-    }
-    const trimmed = value.trim();
-    if (!trimmed)
-        return null;
-    if (trimmed.includes("/")) {
-        const [left, right] = trimmed.split("/");
-        if (left === undefined || right === undefined)
-            return null;
-        const numerator = Number(left.trim());
-        const denominator = Number(right.trim());
-        if (!Number.isFinite(numerator) || !Number.isFinite(denominator))
-            return null;
-        if (denominator === 0)
-            return null;
-        return { numerator, denominator };
-    }
-    const parsed = Number(trimmed);
-    return Number.isFinite(parsed) ? { numerator: parsed, denominator: 1 } : null;
-};
-exports.parseRatio = parseRatio;
-const normalizeRatio = (ratio) => {
-    let numerator = ratio.numerator();
-    let denominator = ratio.denominator();
-    if (!Number.isFinite(numerator) || !Number.isFinite(denominator)) {
-        throw new Error("Ratio values must be finite numbers.");
-    }
-    if (denominator === 0) {
-        throw new Error("Ratio denominator cannot be zero.");
-    }
-    if (!Number.isInteger(numerator) || !Number.isInteger(denominator)) {
-        return new RatioImpl(numerator, denominator);
-    }
-    if (denominator < 0) {
-        numerator = -numerator;
-        denominator = Math.abs(denominator);
-    }
-    const gcd = (a, b) => {
-        let x = Math.abs(a);
-        let y = Math.abs(b);
-        while (y !== 0) {
-            const next = x % y;
-            x = y;
-            y = next;
-        }
-        return x === 0 ? 1 : x;
-    };
-    const divisor = gcd(numerator, denominator);
-    return new RatioImpl(numerator / divisor, denominator / divisor);
-};
-exports.normalizeRatio = normalizeRatio;
-const reduceRatio = (ratio) => (0, exports.normalizeRatio)(ratio);
-exports.reduceRatio = reduceRatio;
-const simplifyRatio = (ratio) => {
-    const reduced = (0, exports.normalizeRatio)(ratio);
-    return new RatioImpl(reduced.numerator(), reduced.denominator(), {
-        omitDenominatorWhenOne: true,
-    });
-};
-exports.simplifyRatio = simplifyRatio;
-const ratioToFloat = (ratio) => ratio.numerator() / ratio.denominator();
-exports.ratioToFloat = ratioToFloat;

package/dist/examples/src/types.js

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

package/dist/examples/src/unitDefinitions.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UNIT_DEFINITIONS = void 0;
-exports.UNIT_DEFINITIONS = {
-    mPercent: { unit: '%', category: 'percent' },
-    mPx: { unit: 'px', category: 'length-absolute' },
-    mCm: { unit: 'cm', category: 'length-absolute' },
-    mMm: { unit: 'mm', category: 'length-absolute' },
-    mQ: { unit: 'q', category: 'length-absolute' },
-    mIn: { unit: 'in', category: 'length-absolute' },
-    mPc: { unit: 'pc', category: 'length-absolute' },
-    mPt: { unit: 'pt', category: 'length-absolute' },
-    mEm: { unit: 'em', category: 'length-font-relative' },
-    mRem: { unit: 'rem', category: 'length-font-relative' },
-    mEx: { unit: 'ex', category: 'length-font-relative' },
-    mRex: { unit: 'rex', category: 'length-font-relative' },
-    mCh: { unit: 'ch', category: 'length-font-relative' },
-    mRch: { unit: 'rch', category: 'length-font-relative' },
-    mCap: { unit: 'cap', category: 'length-font-relative' },
-    mRcap: { unit: 'rcap', category: 'length-font-relative' },
-    mIc: { unit: 'ic', category: 'length-font-relative' },
-    mRic: { unit: 'ric', category: 'length-font-relative' },
-    mLh: { unit: 'lh', category: 'length-font-relative' },
-    mRlh: { unit: 'rlh', category: 'length-font-relative' },
-    mVw: { unit: 'vw', category: 'length-viewport' },
-    mVh: { unit: 'vh', category: 'length-viewport' },
-    mVi: { unit: 'vi', category: 'length-viewport' },
-    mVb: { unit: 'vb', category: 'length-viewport' },
-    mVmin: { unit: 'vmin', category: 'length-viewport' },
-    mVmax: { unit: 'vmax', category: 'length-viewport' },
-    mSvw: { unit: 'svw', category: 'length-viewport-small' },
-    mSvh: { unit: 'svh', category: 'length-viewport-small' },
-    mSvi: { unit: 'svi', category: 'length-viewport-small' },
-    mSvb: { unit: 'svb', category: 'length-viewport-small' },
-    mSvmin: { unit: 'svmin', category: 'length-viewport-small' },
-    mSvmax: { unit: 'svmax', category: 'length-viewport-small' },
-    mLvw: { unit: 'lvw', category: 'length-viewport-large' },
-    mLvh: { unit: 'lvh', category: 'length-viewport-large' },
-    mLvi: { unit: 'lvi', category: 'length-viewport-large' },
-    mLvb: { unit: 'lvb', category: 'length-viewport-large' },
-    mLvmin: { unit: 'lvmin', category: 'length-viewport-large' },
-    mLvmax: { unit: 'lvmax', category: 'length-viewport-large' },
-    mDvw: { unit: 'dvw', category: 'length-viewport-dynamic' },
-    mDvh: { unit: 'dvh', category: 'length-viewport-dynamic' },
-    mDvi: { unit: 'dvi', category: 'length-viewport-dynamic' },
-    mDvb: { unit: 'dvb', category: 'length-viewport-dynamic' },
-    mDvmin: { unit: 'dvmin', category: 'length-viewport-dynamic' },
-    mDvmax: { unit: 'dvmax', category: 'length-viewport-dynamic' },
-    mCqw: { unit: 'cqw', category: 'length-container' },
-    mCqh: { unit: 'cqh', category: 'length-container' },
-    mCqi: { unit: 'cqi', category: 'length-container' },
-    mCqb: { unit: 'cqb', category: 'length-container' },
-    mCqmin: { unit: 'cqmin', category: 'length-container' },
-    mCqmax: { unit: 'cqmax', category: 'length-container' },
-    mDeg: { unit: 'deg', category: 'angle' },
-    mRad: { unit: 'rad', category: 'angle' },
-    mGrad: { unit: 'grad', category: 'angle' },
-    mTurn: { unit: 'turn', category: 'angle' },
-    mS: { unit: 's', category: 'time' },
-    mMs: { unit: 'ms', category: 'time' },
-    mHz: { unit: 'hz', category: 'frequency' },
-    mKhz: { unit: 'khz', category: 'frequency' },
-    mDpi: { unit: 'dpi', category: 'resolution' },
-    mDpcm: { unit: 'dpcm', category: 'resolution' },
-    mDppx: { unit: 'dppx', category: 'resolution' },
-    mFr: { unit: 'fr', category: 'flex' },
-};

package/dist/examples/src/units/absolute.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mPt = exports.mPc = exports.mIn = exports.mQ = exports.mMm = exports.mCm = exports.mPx = void 0;
-const core_1 = require("../core");
-exports.mPx = (0, core_1.makeUnitHelperFromDefinition)('mPx');
-exports.mCm = (0, core_1.makeUnitHelperFromDefinition)('mCm');
-exports.mMm = (0, core_1.makeUnitHelperFromDefinition)('mMm');
-exports.mQ = (0, core_1.makeUnitHelperFromDefinition)('mQ');
-exports.mIn = (0, core_1.makeUnitHelperFromDefinition)('mIn');
-exports.mPc = (0, core_1.makeUnitHelperFromDefinition)('mPc');
-exports.mPt = (0, core_1.makeUnitHelperFromDefinition)('mPt');

package/dist/examples/src/units/angle.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mTurn = exports.mGrad = exports.mRad = exports.mDeg = void 0;
-const core_1 = require("../core");
-exports.mDeg = (0, core_1.makeUnitHelperFromDefinition)('mDeg');
-exports.mRad = (0, core_1.makeUnitHelperFromDefinition)('mRad');
-exports.mGrad = (0, core_1.makeUnitHelperFromDefinition)('mGrad');
-exports.mTurn = (0, core_1.makeUnitHelperFromDefinition)('mTurn');

package/dist/examples/src/units/container.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mCqmax = exports.mCqmin = exports.mCqb = exports.mCqi = exports.mCqh = exports.mCqw = void 0;
-const core_1 = require("../core");
-exports.mCqw = (0, core_1.makeUnitHelperFromDefinition)('mCqw');
-exports.mCqh = (0, core_1.makeUnitHelperFromDefinition)('mCqh');
-exports.mCqi = (0, core_1.makeUnitHelperFromDefinition)('mCqi');
-exports.mCqb = (0, core_1.makeUnitHelperFromDefinition)('mCqb');
-exports.mCqmin = (0, core_1.makeUnitHelperFromDefinition)('mCqmin');
-exports.mCqmax = (0, core_1.makeUnitHelperFromDefinition)('mCqmax');

package/dist/examples/src/units/font-relative.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mRlh = exports.mLh = exports.mRic = exports.mIc = exports.mRcap = exports.mCap = exports.mRch = exports.mCh = exports.mRex = exports.mEx = exports.mRem = exports.mEm = void 0;
-const core_1 = require("../core");
-exports.mEm = (0, core_1.makeUnitHelperFromDefinition)('mEm');
-exports.mRem = (0, core_1.makeUnitHelperFromDefinition)('mRem');
-exports.mEx = (0, core_1.makeUnitHelperFromDefinition)('mEx');
-exports.mRex = (0, core_1.makeUnitHelperFromDefinition)('mRex');
-exports.mCh = (0, core_1.makeUnitHelperFromDefinition)('mCh');
-exports.mRch = (0, core_1.makeUnitHelperFromDefinition)('mRch');
-exports.mCap = (0, core_1.makeUnitHelperFromDefinition)('mCap');
-exports.mRcap = (0, core_1.makeUnitHelperFromDefinition)('mRcap');
-exports.mIc = (0, core_1.makeUnitHelperFromDefinition)('mIc');
-exports.mRic = (0, core_1.makeUnitHelperFromDefinition)('mRic');
-exports.mLh = (0, core_1.makeUnitHelperFromDefinition)('mLh');
-exports.mRlh = (0, core_1.makeUnitHelperFromDefinition)('mRlh');

package/dist/examples/src/units/frequency.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mKhz = exports.mHz = void 0;
-const core_1 = require("../core");
-exports.mHz = (0, core_1.makeUnitHelperFromDefinition)('mHz');
-exports.mKhz = (0, core_1.makeUnitHelperFromDefinition)('mKhz');

package/dist/examples/src/units/grid.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mFr = void 0;
-const core_1 = require("../core");
-exports.mFr = (0, core_1.makeUnitHelperFromDefinition)('mFr');

package/dist/examples/src/units/percent.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.assertPercentMeasurement = exports.isPercentMeasurement = exports.mPercent = void 0;
-const core_1 = require("../core");
-exports.mPercent = (0, core_1.makeUnitHelperFromDefinition)('mPercent');
-exports.isPercentMeasurement = (0, core_1.makeUnitGuard)(exports.mPercent);
-exports.assertPercentMeasurement = (0, core_1.makeUnitAssert)(exports.mPercent);

package/dist/examples/src/units/resolution.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mDppx = exports.mDpcm = exports.mDpi = void 0;
-const core_1 = require("../core");
-exports.mDpi = (0, core_1.makeUnitHelperFromDefinition)('mDpi');
-exports.mDpcm = (0, core_1.makeUnitHelperFromDefinition)('mDpcm');
-exports.mDppx = (0, core_1.makeUnitHelperFromDefinition)('mDppx');

package/dist/examples/src/units/time.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mMs = exports.mS = void 0;
-const core_1 = require("../core");
-exports.mS = (0, core_1.makeUnitHelperFromDefinition)('mS');
-exports.mMs = (0, core_1.makeUnitHelperFromDefinition)('mMs');

package/dist/examples/src/units/viewport-dynamic.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mDvmax = exports.mDvmin = exports.mDvb = exports.mDvi = exports.mDvh = exports.mDvw = void 0;
-const core_1 = require("../core");
-exports.mDvw = (0, core_1.makeUnitHelperFromDefinition)('mDvw');
-exports.mDvh = (0, core_1.makeUnitHelperFromDefinition)('mDvh');
-exports.mDvi = (0, core_1.makeUnitHelperFromDefinition)('mDvi');
-exports.mDvb = (0, core_1.makeUnitHelperFromDefinition)('mDvb');
-exports.mDvmin = (0, core_1.makeUnitHelperFromDefinition)('mDvmin');
-exports.mDvmax = (0, core_1.makeUnitHelperFromDefinition)('mDvmax');

package/dist/examples/src/units/viewport-large.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mLvmax = exports.mLvmin = exports.mLvb = exports.mLvi = exports.mLvh = exports.mLvw = void 0;
-const core_1 = require("../core");
-exports.mLvw = (0, core_1.makeUnitHelperFromDefinition)('mLvw');
-exports.mLvh = (0, core_1.makeUnitHelperFromDefinition)('mLvh');
-exports.mLvi = (0, core_1.makeUnitHelperFromDefinition)('mLvi');
-exports.mLvb = (0, core_1.makeUnitHelperFromDefinition)('mLvb');
-exports.mLvmin = (0, core_1.makeUnitHelperFromDefinition)('mLvmin');
-exports.mLvmax = (0, core_1.makeUnitHelperFromDefinition)('mLvmax');

package/dist/examples/src/units/viewport-small.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mSvmax = exports.mSvmin = exports.mSvb = exports.mSvi = exports.mSvh = exports.mSvw = void 0;
-const core_1 = require("../core");
-exports.mSvw = (0, core_1.makeUnitHelperFromDefinition)('mSvw');
-exports.mSvh = (0, core_1.makeUnitHelperFromDefinition)('mSvh');
-exports.mSvi = (0, core_1.makeUnitHelperFromDefinition)('mSvi');
-exports.mSvb = (0, core_1.makeUnitHelperFromDefinition)('mSvb');
-exports.mSvmin = (0, core_1.makeUnitHelperFromDefinition)('mSvmin');
-exports.mSvmax = (0, core_1.makeUnitHelperFromDefinition)('mSvmax');

package/dist/examples/src/units/viewport.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mVmax = exports.mVmin = exports.mVb = exports.mVi = exports.mVh = exports.mVw = void 0;
-const core_1 = require("../core");
-exports.mVw = (0, core_1.makeUnitHelperFromDefinition)('mVw');
-exports.mVh = (0, core_1.makeUnitHelperFromDefinition)('mVh');
-exports.mVi = (0, core_1.makeUnitHelperFromDefinition)('mVi');
-exports.mVb = (0, core_1.makeUnitHelperFromDefinition)('mVb');
-exports.mVmin = (0, core_1.makeUnitHelperFromDefinition)('mVmin');
-exports.mVmax = (0, core_1.makeUnitHelperFromDefinition)('mVmax');

package/dist/examples/src/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/examples/validation-and-runtime-checks.example.js

@@ -1,85 +0,0 @@
-"use strict";
-/**
- * Example-only file.
- *
- * Not part of the public API surface or published bundle. This sketch shows
- * how css-calipers can participate in dev-only validation around design
- * tokens or configuration values inside style helpers or components. The
- * helpers here are framework-agnostic; imagine them being called from React,
- * a template system, or a Node script.
- *
- * The same `bodyLineHeight` token is used in two different places:
- * - an icon + label row that returns a small HTML snippet and enforces
- *   "icon must not exceed line-height"
- * - a table-of-contents heading row that returns a style object and enforces
- *   row height and body line-height invariants for readability
- *
- * See the sibling unit test example for how to assert related invariants in a unit test.
- *
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildTocHeadingStyles = exports.renderIconWithLabelHtml = void 0;
-const css_calipers_1 = require("css-calipers");
-// Pretend these tokens come from a design token file or configuration layer.
-// Two different components will enforce different invariants against the same
-// underlying line-height measurement.
-const bodyLineHeight = (0, css_calipers_1.m)(1.4, "rem");
-const iconTokenSize = (0, css_calipers_1.m)(1.2, "rem");
-const tocHeadingRowHeightToken = (0, css_calipers_1.m)(2, "rem");
-// An icon+label row where you don't want the icon to visually dominate the
-// text. In development, assert that the icon's size does not exceed the
-// line-height it sits next to. Here we return a small HTML snippet to
-// illustrate string-based consumers.
-const renderIconWithLabelHtml = (labelText) => {
-    const iconSize = iconTokenSize;
-    if (process.env.NODE_ENV !== "production") {
-        // Make sure both measurements use the same unit family before comparing.
-        (0, css_calipers_1.assertMatchingUnits)(iconSize, bodyLineHeight, "iconWithLabel: icon and line-height units must match");
-        if (iconSize.getValue() > bodyLineHeight.getValue()) {
-            throw new Error(`iconWithLabel: icon must not exceed line-height; ` +
-                `iconSize=${iconSize.css()}, bodyLineHeight=${bodyLineHeight.css()}`);
-        }
-    }
-    const iconStyle = `width:${iconSize.css()};height:${iconSize.css()};`;
-    const labelStyle = `line-height:${bodyLineHeight.css()};`;
-    return `
-    <span class="row">
-      <span class="icon" style="${iconStyle}"/>
-      <span class="label" style="${labelStyle}">${labelText}</span>
-    </span>`;
-};
-exports.renderIconWithLabelHtml = renderIconWithLabelHtml;
-// A table-of-contents row where H2 entries should remain readable and aligned
-// with the typography system. In development, enforce a minimum line-height
-// and require that the H2 row height is at least the underlying line-height.
-const buildTocHeadingStyles = () => {
-    const tocHeadingRowHeight = tocHeadingRowHeightToken;
-    if (process.env.NODE_ENV !== "production") {
-        // Require body line-height to stay within a reasonable range for body
-        // text, using the same measurement token.
-        const minBodyLineHeight = (0, css_calipers_1.m)(1.2, "rem");
-        const maxBodyLineHeight = (0, css_calipers_1.m)(1.8, "rem");
-        const bodyValue = bodyLineHeight.getValue();
-        if (!(bodyValue >= minBodyLineHeight.getValue() &&
-            bodyValue <= maxBodyLineHeight.getValue())) {
-            throw new Error(`tocHeading: body line-height out of range; ` +
-                `${bodyLineHeight.css()} (expected between ` +
-                `${minBodyLineHeight.css()} and ${maxBodyLineHeight.css()})`);
-        }
-        // Row height should not be smaller than the line-height it uses.
-        (0, css_calipers_1.assertMatchingUnits)(tocHeadingRowHeight, bodyLineHeight, "tocHeading: row height and line-height units must match");
-        if (tocHeadingRowHeight.getValue() < bodyLineHeight.getValue()) {
-            throw new Error(`tocHeading: row height must be >= line-height; ` +
-                `row=${tocHeadingRowHeight.css()}, bodyLineHeight=${bodyLineHeight.css()}`);
-        }
-    }
-    // In real code these would be component or style objects. Here we just show
-    // that measurement values flow through `.css()` into plain style shapes.
-    return {
-        row: {
-            minHeight: tocHeadingRowHeight.css(),
-            lineHeight: bodyLineHeight.css(),
-        },
-    };
-};
-exports.buildTocHeadingStyles = buildTocHeadingStyles;

package/dist/examples/validation-unit-tests.example.js

@@ -1,35 +0,0 @@
-"use strict";
-/**
- * Example-only file.
- *
- * Not part of the public API surface or published bundle. This sketch shows
- * how to exercise a simple design-token invariant in unit tests using Vitest,
- * which this repo already uses for its own test suite. The pattern is test-
- * runner agnostic; you can adapt it to Jest, Mocha, or any other framework.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-const vitest_1 = require("vitest");
-const css_calipers_1 = require("css-calipers");
-// Pretend these spacing tokens come from a design token file or configuration
-// layer. The intent is a simple invariant: small <= large and both share units.
-const spacingTokens = {
-    spaceSm: (0, css_calipers_1.m)(4), // defaults to "px" if no unit is given
-    spaceLg: (0, css_calipers_1.m)(12),
-};
-(0, vitest_1.describe)("spacing tokens (example unit test)", () => {
-    (0, vitest_1.it)("use the same unit for related tokens", () => {
-        const { spaceSm, spaceLg } = spacingTokens;
-        // Unit consistency between related tokens.
-        (0, css_calipers_1.assertMatchingUnits)(spaceSm, spaceLg, "spacing tokens: spaceSm and spaceLg must share units");
-    });
-    (0, vitest_1.it)("keep small <= large", () => {
-        const { spaceSm, spaceLg } = spacingTokens;
-        // Ordering invariant: small should never exceed large.
-        const smValue = spaceSm.getValue();
-        const lgValue = spaceLg.getValue();
-        if (!(smValue <= lgValue)) {
-            throw new Error(`spacing tokens out of order: ` +
-                `spaceSm=${spaceSm.css()}, spaceLg=${spaceLg.css()}`);
-        }
-    });
-});