etudes 17.0.0 → 18.0.0

package/build/components/CoverImage.d.ts

@@ -1,9 +1,9 @@
 import { HTMLAttributes } from 'react';
-import { ImageProps } from './Image.js';
+import { PictureProps } from './Picture.js';
 /**
  * Type describing the props of {@link CoverImage}.
  */
-export type CoverImageProps = Omit<HTMLAttributes<HTMLDivElement>, 'onLoadStart'> & Pick<ImageProps, 'alt' | 'loadingMode' | 'sizes' | 'src' | 'srcSet' | 'onLoadStart' | 'onLoadComplete' | 'onLoadError'> & {
+export type CoverImageProps = Omit<HTMLAttributes<HTMLDivElement>, 'onLoadStart'> & Pick<PictureProps, 'alt' | 'loadingMode' | 'sources' | 'src' | 'onLoadStart' | 'onLoadComplete' | 'onLoadError'> & {
     /**
      * The known aspect ratio of the image, expressed by width / height. If
      * unprovided, it will be inferred after loading the image.

package/build/components/Image.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { Size } from 'spase';
+import { ImageSource } from '../types/ImageSource.js';
 /**
  * Type describing the props of {@link Image}.
  */
@@ -11,46 +12,12 @@ export type ImageProps = Omit<HTMLAttributes<HTMLImageElement>, 'alt' | 'loading
     /**
      * Loading mode for the image.
      */
-    loadingMode?: 'none' | 'lazy' | 'preload';
+    loadingMode?: 'eager' | 'lazy';
     /**
-     * Descriptor for the `srcset` attribute of the `<img>` element. If `sizes` is
-     * also provided, then each entry in this list must have a `width` value and
-     * no `pixelDensity` value.
+     * Optional image source. If provided, this will be used to set the `sizes`
+     * and `srcset` attributes of the `<img>` element.
      */
-    srcSet?: {
-        /**
-         * A URL specifying an image location.
-         */
-        src: string;
-        /**
-         * Optional intrinsic width (in pixels) of the image expressed as a positive
-         * integer. If set, leave `pixelDensity` unspecified (only one of `width` or
-         * `pixelDensity` can be specified).
-         */
-        width?: number;
-        /**
-         * Optional pixel density of the image expressed as a positive floating
-         * number. If set, leave `width` unspecified (only one of `width` or
-         * `pixelDensity` can be specified.
-         */
-        pixelDensity?: number;
-    }[];
-    /**
-     * Descriptor for the `sizes` attribute of the `<img>` element.
-     */
-    sizes?: {
-        /**
-         * Optional media query condition (without brackets, i.e. `max-width:
-         * 100px`). Note that this must be omitted for the last item in this list of
-         * sizes.
-         */
-        mediaCondition?: string;
-        /**
-         * A CSS size value indicating the size of the image's slot on the page,
-         * i.e. `100px`, `100vw`, `50%`, etc.
-         */
-        width: string;
-    }[];
+    source?: Omit<ImageSource, 'media' | 'type'>;
     /**
      * Fallback image URL for browsers that do not support the `srcset` attribute.
      */

package/build/components/Picture.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from 'react';
+import { ImageSource } from '../types/ImageSource.js';
+import { ImageProps } from './Image.js';
+/**
+ * Type describing the props of {@link Picture}.
+ */
+export type PictureProps = HTMLAttributes<HTMLPictureElement> & Pick<ImageProps, 'alt' | 'loadingMode' | 'src' | 'onLoadStart' | 'onLoadComplete' | 'onLoadError' | 'onSizeChange'> & {
+    sources?: ImageSource[];
+};
+export declare const Picture: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLPictureElement> & Pick<ImageProps, "onLoadStart" | "alt" | "src" | "onLoadComplete" | "onLoadError" | "loadingMode" | "onSizeChange"> & {
+    sources?: ImageSource[];
+} & import('react').RefAttributes<HTMLPictureElement>>;