fashionable 0.2.0 → 0.4.0

package/dist/shared/mediaQuery-VDIAHnM1.d.mts

@@ -0,0 +1,333 @@
+import { t as Pipeable } from "./utils-DpN6qr94.mjs";
+//#region src/query/mediaQuery.internal.d.ts
+declare const MediaQueryTypeId: unique symbol;
+type MediaQueryTypeId = typeof MediaQueryTypeId;
+/**
+ * Phantom key holding a `MediaQuery`'s `Features` parameter. The runtime
+ * never stores a value here — known features are type-level brands, so a
+ * query is identical at runtime whatever its type knows (the curvy trait
+ * pattern, as `ColorSpace` uses for polar-ness).
+ *
+ * @internal
+ */
+declare const MediaQueryFeatures: unique symbol;
+type MediaQueryFeatures = typeof MediaQueryFeatures;
+declare namespace mediaQuery_d_exports {
+  export { MaxWidth, MediaQuery, MinWidth, PrefersColorScheme, RenderOptions, and, equals, getMaxWidth, getMinWidth, getPrefersColorScheme, hasMaxWidth, hasMinWidth, hasPrefersColorScheme, isMediaQuery, maxWidth, minWidth, prefersColorScheme, render };
+}
+declare const MinWidthId: unique symbol;
+declare const MaxWidthId: unique symbol;
+declare const PrefersColorSchemeId: unique symbol;
+/**
+ * A media query: a canonically ordered, deduplicated and-set of media
+ * features.
+ *
+ * Feature constructors (`minWidth`, `maxWidth`, `prefersColorScheme`)
+ * return one-feature queries; `and` merges. Conjunction is commutative
+ * and idempotent, so construction sorts features canonically and drops
+ * exact duplicates — structurally equal queries compare equal however
+ * they were built. The canonical order is stable public API: `min-width`
+ * features first (ascending by threshold), then `max-width` (ascending),
+ * then `prefers-color-scheme` (schemes alphabetically). Distinct features
+ * always all render, even when one subsumes another (`minWidth(768)` and
+ * `minWidth(1024)`): simplification changes no meaning but is not this
+ * type's job.
+ *
+ * `Features` records, as intersected type-level brands, which feature
+ * kinds are known to be present. It defaults to `unknown` — no claims.
+ * Constructors brand their result (`minWidth` returns
+ * `MediaQuery<MinWidth>`), `and` keeps both sides' brands, the `has*`
+ * guards recover a brand from a plain query at runtime, and the `get*`
+ * accessors key their return type on it to drop `undefined`. Brands are
+ * type-level only: a query is identical at runtime whatever its type
+ * knows.
+ *
+ * `or` and `not` become new node kinds when a consumer needs them.
+ *
+ * @since 0.1.0
+ */
+interface MediaQuery<out Features = unknown> extends Pipeable {
+  readonly [MediaQueryTypeId]: MediaQueryTypeId;
+  readonly [MediaQueryFeatures]?: Features;
+}
+/**
+ * The brand of a query known to carry a `min-width` feature. `minWidth`
+ * stamps it, `and` keeps it through conjunction, `hasMinWidth` recovers
+ * it at runtime, and `getMinWidth` returns a guaranteed `number` where it
+ * is present. Composes by intersection with the other feature brands.
+ *
+ * @since 0.3.0
+ */
+type MinWidth = {
+  readonly [MinWidthId]: 'minWidth';
+};
+/**
+ * The brand of a query known to carry a `max-width` feature. `maxWidth`
+ * stamps it, `and` keeps it through conjunction, `hasMaxWidth` recovers
+ * it at runtime, and `getMaxWidth` returns a guaranteed `number` where it
+ * is present. Composes by intersection with the other feature brands.
+ *
+ * @since 0.3.0
+ */
+type MaxWidth = {
+  readonly [MaxWidthId]: 'maxWidth';
+};
+/**
+ * The brand of a query known to carry a `prefers-color-scheme` feature.
+ * `prefersColorScheme` stamps it, `and` keeps it through conjunction,
+ * `hasPrefersColorScheme` recovers it at runtime, and
+ * `getPrefersColorScheme` returns a guaranteed scheme where it is
+ * present. Composes by intersection with the other feature brands.
+ *
+ * @since 0.3.0
+ */
+type PrefersColorScheme = {
+  readonly [PrefersColorSchemeId]: 'prefersColorScheme';
+};
+/**
+ * Options for `render` — and the base of the library's render-options
+ * family: every other module's `RenderOptions` extends this interface
+ * (directly or through `Declaration.RenderOptions` and
+ * `RuleSet.RenderOptions`), so an options object built for a bigger
+ * renderer is accepted by every smaller one. A key means the same thing
+ * wherever it appears; renderers ignore inherited keys that don't apply
+ * to them.
+ *
+ * @since 0.1.0
+ */
+interface RenderOptions {
+  /**
+   * The width-feature spelling: classic prefix syntax
+   * (`(min-width: 768px)`, the default) or modern range syntax
+   * (`(width >= 768px)`). Text only — the model is semantic and the two
+   * spellings mean the same thing.
+   */
+  readonly mediaSyntax?: 'prefix' | 'range';
+}
+/**
+ * Checks if a value is a `MediaQuery`.
+ *
+ * True only for values built by this module's constructors, which carry
+ * the brand.
+ *
+ * @param u - The value to check.
+ * @returns `true` if the value is a `MediaQuery`, `false` otherwise.
+ * @since 0.1.0
+ */
+declare const isMediaQuery: (u: unknown) => u is MediaQuery;
+/**
+ * Creates a viewport-width lower bound.
+ *
+ * The result carries the `MinWidth` brand, so `getMinWidth` returns a
+ * bare `number` on it and on any conjunction built from it.
+ *
+ * @param px - The threshold in CSS pixels. Must be a non-negative finite number.
+ * @returns A one-feature `MediaQuery`, branded `MinWidth`.
+ * @throws `Error` when `px` is negative or not finite.
+ * @example
+ * ```ts
+ * MediaQuery.render(MediaQuery.minWidth(768)) // '(min-width: 768px)'
+ * MediaQuery.render(MediaQuery.minWidth(768), { mediaSyntax: 'range' }) // '(width >= 768px)'
+ * ```
+ * @since 0.1.0
+ */
+declare const minWidth: (px: number) => MediaQuery<MinWidth>;
+/**
+ * Creates a viewport-width upper bound.
+ *
+ * The result carries the `MaxWidth` brand, so `getMaxWidth` returns a
+ * bare `number` on it and on any conjunction built from it.
+ *
+ * @param px - The threshold in CSS pixels. Must be a non-negative finite number.
+ * @returns A one-feature `MediaQuery`, branded `MaxWidth`.
+ * @throws `Error` when `px` is negative or not finite.
+ * @example
+ * ```ts
+ * MediaQuery.render(MediaQuery.maxWidth(1024)) // '(max-width: 1024px)'
+ * MediaQuery.render(MediaQuery.maxWidth(1024), { mediaSyntax: 'range' }) // '(width <= 1024px)'
+ * ```
+ * @since 0.3.0
+ */
+declare const maxWidth: (px: number) => MediaQuery<MaxWidth>;
+/**
+ * Creates a `prefers-color-scheme` condition.
+ *
+ * The result carries the `PrefersColorScheme` brand, so
+ * `getPrefersColorScheme` returns a guaranteed scheme on it and on any
+ * conjunction built from it.
+ *
+ * @param scheme - The scheme to match, `'dark'` or `'light'`.
+ * @returns A one-feature `MediaQuery`, branded `PrefersColorScheme`.
+ * @since 0.1.0
+ */
+declare const prefersColorScheme: (scheme: 'dark' | 'light') => MediaQuery<PrefersColorScheme>;
+declare const and: {
+  /**
+   * Returns a function that conjoins `that` with its argument.
+   *
+   * @param that - The query to merge in.
+   * @returns A function producing the conjunction.
+   * @since 0.1.0
+   */
+  <B>(that: MediaQuery<B>): <A>(self: MediaQuery<A>) => MediaQuery<A & B>;
+  /**
+   * Conjoins two queries: the result matches where both match. Features
+   * re-sort into canonical order and exact duplicates collapse, so `and`
+   * is commutative and idempotent.
+   *
+   * Known features intersect: the result keeps every brand either side
+   * carries, so a `MinWidth` query stays `MinWidth` through conjunction.
+   *
+   * @param self - The first query.
+   * @param that - The second query.
+   * @returns The conjunction, branded with both sides' known features.
+   * @example
+   * ```ts
+   * MediaQuery.minWidth(1280).pipe(
+   *   MediaQuery.and(MediaQuery.prefersColorScheme('dark')),
+   *   MediaQuery.render,
+   * ) // '(min-width: 1280px) and (prefers-color-scheme: dark)'
+   * ```
+   * @since 0.1.0
+   */
+  <A, B>(self: MediaQuery<A>, that: MediaQuery<B>): MediaQuery<A & B>;
+};
+/**
+ * Gets the query's `min-width` threshold.
+ *
+ * The return type keys on the `MinWidth` brand. Where the type proves a
+ * `min-width` feature is present — `minWidth`'s result, any conjunction
+ * keeping its brand, or a query narrowed by `hasMinWidth` — the result is
+ * a bare `number`. On any other query it is `number | undefined`.
+ *
+ * When several `min-width` features stack, the largest threshold is
+ * returned — the conjunction's effective lower bound, since every
+ * feature must hold.
+ *
+ * @param query - The query to read.
+ * @returns The largest `min-width` threshold in CSS pixels, or `undefined` when an unbranded query carries no `min-width` feature.
+ * @example
+ * ```ts
+ * MediaQuery.getMinWidth(MediaQuery.minWidth(768)) // 768
+ * MediaQuery.getMinWidth(MediaQuery.prefersColorScheme('dark')) // undefined
+ * MediaQuery.minWidth(768).pipe(
+ *   MediaQuery.and(MediaQuery.minWidth(1024)),
+ *   MediaQuery.getMinWidth,
+ * ) // 1024
+ * ```
+ * @since 0.3.0
+ */
+declare const getMinWidth: <T>(query: MediaQuery<T>) => T extends MinWidth ? number : number | undefined;
+/**
+ * Gets the query's `max-width` threshold.
+ *
+ * The return type keys on the `MaxWidth` brand. Where the type proves a
+ * `max-width` feature is present — `maxWidth`'s result, any conjunction
+ * keeping its brand, or a query narrowed by `hasMaxWidth` — the result is
+ * a bare `number`. On any other query it is `number | undefined`.
+ *
+ * When several `max-width` features stack, the smallest threshold is
+ * returned — the conjunction's effective upper bound, since every
+ * feature must hold.
+ *
+ * @param query - The query to read.
+ * @returns The smallest `max-width` threshold in CSS pixels, or `undefined` when an unbranded query carries no `max-width` feature.
+ * @example
+ * ```ts
+ * MediaQuery.getMaxWidth(MediaQuery.maxWidth(1024)) // 1024
+ * MediaQuery.getMaxWidth(MediaQuery.minWidth(768)) // undefined
+ * ```
+ * @since 0.3.0
+ */
+declare const getMaxWidth: <T>(query: MediaQuery<T>) => T extends MaxWidth ? number : number | undefined;
+/**
+ * Gets the query's `prefers-color-scheme` value.
+ *
+ * The return type keys on the `PrefersColorScheme` brand. Where the type
+ * proves the feature is present, the result is a bare `'dark' | 'light'`.
+ * On any other query it may also be `undefined`.
+ *
+ * A query holding both schemes matches nothing; the accessor then
+ * returns `'dark'`, the alphabetically first in canonical order.
+ *
+ * @param query - The query to read.
+ * @returns The required scheme, or `undefined` when an unbranded query carries no `prefers-color-scheme` feature.
+ * @example
+ * ```ts
+ * MediaQuery.getPrefersColorScheme(MediaQuery.prefersColorScheme('dark')) // 'dark'
+ * MediaQuery.getPrefersColorScheme(MediaQuery.minWidth(768)) // undefined
+ * ```
+ * @since 0.3.0
+ */
+declare const getPrefersColorScheme: <T>(query: MediaQuery<T>) => T extends PrefersColorScheme ? 'dark' | 'light' : 'dark' | 'light' | undefined;
+/**
+ * Checks if the query carries a `min-width` feature, narrowing its type
+ * to `MediaQuery<MinWidth>` so `getMinWidth` returns a bare `number`.
+ *
+ * @param query - The query to check.
+ * @returns `true` if a `min-width` feature is present, `false` otherwise.
+ * @example
+ * ```ts
+ * declare const query: MediaQuery.MediaQuery
+ * if (MediaQuery.hasMinWidth(query)) {
+ *   MediaQuery.getMinWidth(query) // number, not number | undefined
+ * }
+ * ```
+ * @since 0.3.0
+ */
+declare const hasMinWidth: (query: MediaQuery) => query is MediaQuery<MinWidth>;
+/**
+ * Checks if the query carries a `max-width` feature, narrowing its type
+ * to `MediaQuery<MaxWidth>` so `getMaxWidth` returns a bare `number`.
+ *
+ * @param query - The query to check.
+ * @returns `true` if a `max-width` feature is present, `false` otherwise.
+ * @since 0.3.0
+ */
+declare const hasMaxWidth: (query: MediaQuery) => query is MediaQuery<MaxWidth>;
+/**
+ * Checks if the query carries a `prefers-color-scheme` feature, narrowing
+ * its type to `MediaQuery<PrefersColorScheme>` so `getPrefersColorScheme`
+ * returns a guaranteed scheme.
+ *
+ * @param query - The query to check.
+ * @returns `true` if a `prefers-color-scheme` feature is present, `false` otherwise.
+ * @since 0.3.0
+ */
+declare const hasPrefersColorScheme: (query: MediaQuery) => query is MediaQuery<PrefersColorScheme>;
+/**
+ * Renders the query as CSS text: features in canonical order —
+ * `min-width` ascending, then `prefers-color-scheme` — joined with
+ * ` and `. The `mediaSyntax` option picks the width-feature spelling
+ * (default `'prefix'`).
+ *
+ * @param query - The query to render.
+ * @param options - Optional syntax selection.
+ * @returns Deterministic CSS text, without the `@media ` prefix.
+ * @since 0.1.0
+ */
+declare const render: (query: MediaQuery, options?: RenderOptions) => string;
+declare const equals: {
+  /**
+   * Returns a function that checks structural equality against `that`.
+   *
+   * @param that - The query to compare against.
+   * @returns A function testing its argument for structural equality with `that`.
+   * @since 0.1.0
+   */
+  (that: MediaQuery): (self: MediaQuery) => boolean;
+  /**
+   * Structural equality over canonically ordered features: two queries
+   * built from the same conditions compare equal regardless of
+   * construction order.
+   *
+   * @param self - The first query.
+   * @param that - The second query.
+   * @returns `true` if the queries are structurally equal.
+   * @since 0.1.0
+   */
+  (self: MediaQuery, that: MediaQuery): boolean;
+};
+//#endregion
+export { RenderOptions as n, mediaQuery_d_exports as r, MediaQuery as t };
+//# sourceMappingURL=mediaQuery-VDIAHnM1.d.mts.map

package/dist/shared/{mediaQuery.internal-B6iuMd75.mjs → mediaQuery.internal-CKTmLVxL.mjs}

@@ -6,25 +6,26 @@ const MediaQueryTypeId = Symbol.for("fashionable/query/mediaQuery");
 const featureRank = (feature) => {
 	switch (feature._tag) {
 		case "MinWidth": return 0;
-		case "PrefersColorScheme": return 1;
+		case "MaxWidth": return 1;
+		case "PrefersColorScheme": return 2;
 	}
 };
 const compareFeatures = (a, b) => {
 	const rank = featureRank(a) - featureRank(b);
 	if (rank !== 0) return rank;
-	if (a._tag === "MinWidth") return a.px - b.px;
+	if (a._tag === "MinWidth" || a._tag === "MaxWidth") return a.px - b.px;
 	const x = a.scheme;
 	const y = b.scheme;
 	return x < y ? -1 : x > y ? 1 : 0;
 };
 const featureEquals = (a, b) => {
 	if (a._tag !== b._tag) return false;
-	if (a._tag === "MinWidth") return a.px === b.px;
+	if (a._tag === "MinWidth" || a._tag === "MaxWidth") return a.px === b.px;
 	return a.scheme === b.scheme;
 };
 const featureHash = (feature) => {
 	const h = hashString(feature._tag);
-	if (feature._tag === "MinWidth") return combine(h, hashNumber(feature.px));
+	if (feature._tag === "MinWidth" || feature._tag === "MaxWidth") return combine(h, hashNumber(feature.px));
 	return combine(h, hashString(feature.scheme));
 };
 const renderFeature = (feature, syntax) => {
@@ -33,6 +34,10 @@ const renderFeature = (feature, syntax) => {
 			const px = formatDecimals(feature.px, 5);
 			return syntax === "prefix" ? `(min-width: ${px}px)` : `(width >= ${px}px)`;
 		}
+		case "MaxWidth": {
+			const px = formatDecimals(feature.px, 5);
+			return syntax === "prefix" ? `(max-width: ${px}px)` : `(width <= ${px}px)`;
+		}
 		case "PrefersColorScheme": return `(prefers-color-scheme: ${feature.scheme})`;
 	}
 };
@@ -84,6 +89,14 @@ const minWidth = (px) => {
 	}]);
 };
 /** @internal */
+const maxWidth = (px) => {
+	invariant(Number.isFinite(px) && px >= 0, `max-width threshold must be a non-negative finite number of pixels, got ${px}`);
+	return new MediaQueryImpl([{
+		_tag: "MaxWidth",
+		px
+	}]);
+};
+/** @internal */
 const prefersColorScheme = (scheme) => new MediaQueryImpl([{
 	_tag: "PrefersColorScheme",
 	scheme
@@ -91,10 +104,61 @@ const prefersColorScheme = (scheme) => new MediaQueryImpl([{
 /** @internal */
 const and = dual(2, (self, that) => new MediaQueryImpl(canonicalize([...featuresOf(self), ...featuresOf(that)])));
 /** @internal */
+function getMinWidth(query) {
+	return featuresOf(query).findLast((feature) => feature._tag === "MinWidth")?.px;
+}
+/** @internal */
+function getMaxWidth(query) {
+	return featuresOf(query).find((feature) => feature._tag === "MaxWidth")?.px;
+}
+/** @internal */
+function getPrefersColorScheme(query) {
+	return featuresOf(query).find((feature) => feature._tag === "PrefersColorScheme")?.scheme;
+}
+/** @internal */
+const hasMinWidth = (query) => featuresOf(query).some((feature) => feature._tag === "MinWidth");
+/** @internal */
+const hasMaxWidth = (query) => featuresOf(query).some((feature) => feature._tag === "MaxWidth");
+/** @internal */
+const hasPrefersColorScheme = (query) => featuresOf(query).some((feature) => feature._tag === "PrefersColorScheme");
+const EMPTY_FEATURES = [];
+const optionalFeaturesOf = (query) => query === void 0 ? EMPTY_FEATURES : featuresOf(query);
+const featureImplies = (source, target) => {
+	switch (target._tag) {
+		case "MinWidth": return source._tag === "MinWidth" && source.px >= target.px;
+		case "MaxWidth": return source._tag === "MaxWidth" && source.px <= target.px;
+		case "PrefersColorScheme": return source._tag === "PrefersColorScheme" && source.scheme === target.scheme;
+	}
+};
+/** @internal */
+const implies = (self, that) => {
+	const source = optionalFeaturesOf(self);
+	return optionalFeaturesOf(that).every((target) => source.some((feature) => featureImplies(feature, target)));
+};
+/** @internal */
+const coSatisfiable = (self, that) => {
+	let lower = 0;
+	let upper = Number.POSITIVE_INFINITY;
+	let scheme;
+	for (const feature of [...optionalFeaturesOf(self), ...optionalFeaturesOf(that)]) switch (feature._tag) {
+		case "MinWidth":
+			lower = Math.max(lower, feature.px);
+			break;
+		case "MaxWidth":
+			upper = Math.min(upper, feature.px);
+			break;
+		case "PrefersColorScheme":
+			if (scheme !== void 0 && scheme !== feature.scheme) return false;
+			scheme = feature.scheme;
+			break;
+	}
+	return lower <= upper;
+};
+/** @internal */
 const render = (query, options) => renderImpl(query, options?.mediaSyntax ?? "prefix");
 /** @internal */
 const equals = dual(2, (self, that) => equals$1(self, that));
 //#endregion
-export { prefersColorScheme as a, minWidth as i, equals as n, render as o, isMediaQuery as r, and as t };
+export { getMinWidth as a, hasMinWidth as c, isMediaQuery as d, maxWidth as f, render as h, getMaxWidth as i, hasPrefersColorScheme as l, prefersColorScheme as m, coSatisfiable as n, getPrefersColorScheme as o, minWidth as p, equals as r, hasMaxWidth as s, and as t, implies as u };
 
-//# sourceMappingURL=mediaQuery.internal-B6iuMd75.mjs.map
+//# sourceMappingURL=mediaQuery.internal-CKTmLVxL.mjs.map

package/dist/shared/mediaQuery.internal-CKTmLVxL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaQuery.internal-CKTmLVxL.mjs","names":["Equal.hashString","Equal.combine","Equal.hashNumber","Equal.EqualTypeId","Equal.HashTypeId","#hash","Equal.equals"],"sources":["../../src/query/mediaQuery.internal.ts"],"sourcesContent":["import * as Equal from '#internal/equal'\nimport { formatDecimals } from '#internal/format'\nimport { dual, invariant, Pipeable } from '#util'\nimport type {\n  MaxWidth,\n  MediaQuery,\n  MinWidth,\n  PrefersColorScheme,\n  RenderOptions,\n} from './mediaQuery.ts'\n\nexport const MediaQueryTypeId = Symbol.for('fashionable/query/mediaQuery')\nexport type MediaQueryTypeId = typeof MediaQueryTypeId\n\n/**\n * Phantom key holding a `MediaQuery`'s `Features` parameter. The runtime\n * never stores a value here — known features are type-level brands, so a\n * query is identical at runtime whatever its type knows (the curvy trait\n * pattern, as `ColorSpace` uses for polar-ness).\n *\n * @internal\n */\nexport const MediaQueryFeatures: unique symbol = Symbol.for('fashionable/query/mediaQuery/features')\nexport type MediaQueryFeatures = typeof MediaQueryFeatures\n\n// ---------------------------------------------------------------------------\n// feature ADT\n// ---------------------------------------------------------------------------\n\n/** @internal */\nexport type MediaFeature =\n  | { readonly _tag: 'MinWidth'; readonly px: number }\n  | { readonly _tag: 'MaxWidth'; readonly px: number }\n  | { readonly _tag: 'PrefersColorScheme'; readonly scheme: 'dark' | 'light' }\n\n// Feature kinds order by definition rank, then within kind: widths\n// ascending by threshold, scheme values alphabetically. Conjunction is\n// commutative and idempotent, so the model sorts and dedups at\n// construction; equal queries compare equal however they were built.\n// max-width slots beside min-width — a new kind reshuffles no existing\n// output, so it takes the rank that reads best, not the end of the ladder.\nconst featureRank = (feature: MediaFeature): number => {\n  switch (feature._tag) {\n    case 'MinWidth':\n      return 0\n    case 'MaxWidth':\n      return 1\n    case 'PrefersColorScheme':\n      return 2\n  }\n}\n\nconst compareFeatures = (a: MediaFeature, b: MediaFeature): number => {\n  const rank = featureRank(a) - featureRank(b)\n  if (rank !== 0) {\n    return rank\n  }\n  if (a._tag === 'MinWidth' || a._tag === 'MaxWidth') {\n    return a.px - (b as typeof a).px\n  }\n  const x = (a as Extract<MediaFeature, { _tag: 'PrefersColorScheme' }>).scheme\n  const y = (b as Extract<MediaFeature, { _tag: 'PrefersColorScheme' }>).scheme\n  return x < y ? -1 : x > y ? 1 : 0\n}\n\nconst featureEquals = (a: MediaFeature, b: MediaFeature): boolean => {\n  if (a._tag !== b._tag) {\n    return false\n  }\n  if (a._tag === 'MinWidth' || a._tag === 'MaxWidth') {\n    return a.px === (b as typeof a).px\n  }\n  return a.scheme === (b as typeof a).scheme\n}\n\nconst featureHash = (feature: MediaFeature): number => {\n  const h = Equal.hashString(feature._tag)\n  if (feature._tag === 'MinWidth' || feature._tag === 'MaxWidth') {\n    return Equal.combine(h, Equal.hashNumber(feature.px))\n  }\n  return Equal.combine(h, Equal.hashString(feature.scheme))\n}\n\nconst renderFeature = (feature: MediaFeature, syntax: 'prefix' | 'range'): string => {\n  switch (feature._tag) {\n    case 'MinWidth': {\n      const px = formatDecimals(feature.px, 5)\n      return syntax === 'prefix' ? `(min-width: ${px}px)` : `(width >= ${px}px)`\n    }\n    case 'MaxWidth': {\n      const px = formatDecimals(feature.px, 5)\n      return syntax === 'prefix' ? `(max-width: ${px}px)` : `(width <= ${px}px)`\n    }\n    case 'PrefersColorScheme':\n      return `(prefers-color-scheme: ${feature.scheme})`\n  }\n}\n\nconst canonicalize = (features: ReadonlyArray<MediaFeature>): ReadonlyArray<MediaFeature> => {\n  const sorted = [...features].toSorted(compareFeatures)\n  const deduped: Array<MediaFeature> = []\n  for (const feature of sorted) {\n    const last = deduped[deduped.length - 1]\n    if (last === undefined || !featureEquals(last, feature)) {\n      deduped.push(feature)\n    }\n  }\n  return deduped\n}\n\n// ---------------------------------------------------------------------------\n// the value\n// ---------------------------------------------------------------------------\n\nclass MediaQueryImpl extends Pipeable implements MediaQuery, Equal.Equal {\n  readonly [MediaQueryTypeId]: MediaQueryTypeId = MediaQueryTypeId\n\n  readonly features: ReadonlyArray<MediaFeature>\n  #hash: number | undefined\n\n  constructor(features: ReadonlyArray<MediaFeature>) {\n    super()\n    this.features = features\n  }\n\n  [Equal.EqualTypeId](that: unknown): boolean {\n    return (\n      isMediaQuery(that) &&\n      this.features.length === featuresOf(that).length &&\n      this.features.every((feature, index) =>\n        featureEquals(feature, featuresOf(that)[index] as MediaFeature),\n      )\n    )\n  }\n\n  [Equal.HashTypeId](): number {\n    if (this.#hash === undefined) {\n      let h = Equal.hashString('fashionable/query/mediaQuery')\n      for (const feature of this.features) {\n        h = Equal.combine(h, featureHash(feature))\n      }\n      this.#hash = h\n    }\n    return this.#hash\n  }\n\n  get [Symbol.toStringTag]() {\n    return `MediaQuery(${renderImpl(this, 'prefix')})`\n  }\n\n  get [Symbol.for('nodejs.util.inspect.custom')]() {\n    return this[Symbol.toStringTag]\n  }\n}\n\n/** @internal */\nexport const isMediaQuery = (u: unknown): u is MediaQuery =>\n  typeof u === 'object' && u !== null && MediaQueryTypeId in u\n\nconst featuresOf = (query: MediaQuery): ReadonlyArray<MediaFeature> =>\n  (query as MediaQueryImpl).features\n\nconst renderImpl = (query: MediaQuery, syntax: 'prefix' | 'range'): string =>\n  featuresOf(query)\n    .map((feature) => renderFeature(feature, syntax))\n    .join(' and ')\n\n// ---------------------------------------------------------------------------\n// constructors, combinators, projections\n// ---------------------------------------------------------------------------\n\n/** @internal */\nexport const minWidth = (px: number): MediaQuery<MinWidth> => {\n  invariant(\n    Number.isFinite(px) && px >= 0,\n    `min-width threshold must be a non-negative finite number of pixels, got ${px}`,\n  )\n  return new MediaQueryImpl([{ _tag: 'MinWidth', px }])\n}\n\n/** @internal */\nexport const maxWidth = (px: number): MediaQuery<MaxWidth> => {\n  invariant(\n    Number.isFinite(px) && px >= 0,\n    `max-width threshold must be a non-negative finite number of pixels, got ${px}`,\n  )\n  return new MediaQueryImpl([{ _tag: 'MaxWidth', px }])\n}\n\n/** @internal */\nexport const prefersColorScheme = (scheme: 'dark' | 'light'): MediaQuery<PrefersColorScheme> =>\n  new MediaQueryImpl([{ _tag: 'PrefersColorScheme', scheme }])\n\n// `MediaQuery<never>` is the bottom of the covariant trait parameter, so\n// the erased implementation assigns to every public trait instantiation\n// (the same move as `Color<never>` under `mix`).\n/** @internal */\nexport const and = dual<\n  (that: MediaQuery) => (self: MediaQuery) => MediaQuery<never>,\n  (self: MediaQuery, that: MediaQuery) => MediaQuery<never>\n>(\n  2,\n  (self: MediaQuery, that: MediaQuery): MediaQuery<never> =>\n    new MediaQueryImpl(canonicalize([...featuresOf(self), ...featuresOf(that)])),\n)\n\n// Accessors are single generic signatures, not two-overload sets: an\n// overloaded function contributes only its last signature to inference\n// when passed higher-order (a pipe tail), which would erase the brand\n// guarantee exactly where it earns its keep. The conditional return\n// survives both positions.\n/** @internal */\nexport function getMinWidth<T>(\n  query: MediaQuery<T>,\n): T extends MinWidth ? number : number | undefined\n/** @internal */\nexport function getMinWidth(query: MediaQuery): number | undefined {\n  // Min-widths sort ascending in canonical order, so the last one is the\n  // conjunction's effective lower bound (every feature must hold).\n  return featuresOf(query).findLast((feature) => feature._tag === 'MinWidth')?.px\n}\n\n/** @internal */\nexport function getMaxWidth<T>(\n  query: MediaQuery<T>,\n): T extends MaxWidth ? number : number | undefined\n/** @internal */\nexport function getMaxWidth(query: MediaQuery): number | undefined {\n  // Max-widths sort ascending in canonical order, so the first one is the\n  // conjunction's effective upper bound (every feature must hold).\n  return featuresOf(query).find((feature) => feature._tag === 'MaxWidth')?.px\n}\n\n/** @internal */\nexport function getPrefersColorScheme<T>(\n  query: MediaQuery<T>,\n): T extends PrefersColorScheme ? 'dark' | 'light' : 'dark' | 'light' | undefined\n/** @internal */\nexport function getPrefersColorScheme(query: MediaQuery): 'dark' | 'light' | undefined {\n  return featuresOf(query).find((feature) => feature._tag === 'PrefersColorScheme')?.scheme\n}\n\n/** @internal */\nexport const hasMinWidth = (query: MediaQuery): query is MediaQuery<MinWidth> =>\n  featuresOf(query).some((feature) => feature._tag === 'MinWidth')\n\n/** @internal */\nexport const hasMaxWidth = (query: MediaQuery): query is MediaQuery<MaxWidth> =>\n  featuresOf(query).some((feature) => feature._tag === 'MaxWidth')\n\n/** @internal */\nexport const hasPrefersColorScheme = (query: MediaQuery): query is MediaQuery<PrefersColorScheme> =>\n  featuresOf(query).some((feature) => feature._tag === 'PrefersColorScheme')\n\n// ---------------------------------------------------------------------------\n// query relations\n// ---------------------------------------------------------------------------\n\n// Conjunction reasoning for the shadow-safe strict coalesce check\n// (stylesheet.internal.ts). Both relations treat `undefined` as the empty\n// conjunction: a bare declaration applies in every state. They read the\n// canonical and-set part-wise rather than through the accessors — the\n// accessors report effective bounds, which cannot see a degenerate\n// `dark and light` query, and a setter that never applies must not count\n// as re-establishing a value.\n\nconst EMPTY_FEATURES: ReadonlyArray<MediaFeature> = []\n\nconst optionalFeaturesOf = (query: MediaQuery | undefined): ReadonlyArray<MediaFeature> =>\n  query === undefined ? EMPTY_FEATURES : featuresOf(query)\n\nconst featureImplies = (source: MediaFeature, target: MediaFeature): boolean => {\n  switch (target._tag) {\n    case 'MinWidth':\n      return source._tag === 'MinWidth' && source.px >= target.px\n    case 'MaxWidth':\n      return source._tag === 'MaxWidth' && source.px <= target.px\n    case 'PrefersColorScheme':\n      return source._tag === 'PrefersColorScheme' && source.scheme === target.scheme\n  }\n}\n\n// `self` implies `that` when `that` holds in every state where `self`\n// holds: every part of `that` is implied by some part of `self` — a\n// larger min-width, a smaller max-width, the same scheme.\n/** @internal */\nexport const implies = (self: MediaQuery | undefined, that: MediaQuery | undefined): boolean => {\n  const source = optionalFeaturesOf(self)\n  return optionalFeaturesOf(that).every((target) =>\n    source.some((feature) => featureImplies(feature, target)),\n  )\n}\n\n// The conjunction of both queries is satisfiable in some state: no\n// conflicting scheme values, and a non-empty width interval — the largest\n// min-width at most the smallest max-width, both bounds inclusive. Either\n// side's internal contradiction (dark and light, an empty interval) makes\n// the pair unsatisfiable, as it must.\n/** @internal */\nexport const coSatisfiable = (\n  self: MediaQuery | undefined,\n  that: MediaQuery | undefined,\n): boolean => {\n  let lower = 0\n  let upper = Number.POSITIVE_INFINITY\n  let scheme: 'dark' | 'light' | undefined\n  for (const feature of [...optionalFeaturesOf(self), ...optionalFeaturesOf(that)]) {\n    switch (feature._tag) {\n      case 'MinWidth':\n        lower = Math.max(lower, feature.px)\n        break\n      case 'MaxWidth':\n        upper = Math.min(upper, feature.px)\n        break\n      case 'PrefersColorScheme':\n        if (scheme !== undefined && scheme !== feature.scheme) {\n          return false\n        }\n        scheme = feature.scheme\n        break\n    }\n  }\n  return lower <= upper\n}\n\n/** @internal */\nexport const render = (query: MediaQuery, options?: RenderOptions): string =>\n  renderImpl(query, options?.mediaSyntax ?? 'prefix')\n\n/** @internal */\nexport const equals = dual<\n  (that: MediaQuery) => (self: MediaQuery) => boolean,\n  (self: MediaQuery, that: MediaQuery) => boolean\n>(2, (self: MediaQuery, that: MediaQuery): boolean => Equal.equals(self, that))\n"],"mappings":"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"}