etudes 24.0.0 → 24.1.0

package/build/components/Burger.d.ts

@@ -3,7 +3,7 @@ export declare namespace Burger {
     /**
      * Type describing the props of {@link Burger}.
      */
-    type Props = HTMLAttributes<HTMLDivElement> & {
+    type Props = {
         /**
          * Specifies if the burger is in its activated state.
          */
@@ -21,7 +21,7 @@ export declare namespace Burger {
          * Specifies the number of bars to display.
          */
         numberOfBars?: 2 | 3;
-    };
+    } & HTMLAttributes<HTMLDivElement>;
 }
 /**
  * Three-striped burger component that transforms into an "X" when active.

package/build/components/BurgerButton.d.ts

@@ -4,7 +4,7 @@ export declare namespace BurgerButton {
     /**
      * Type describing the props of {@link BurgerButton}.
      */
-    type Props = Omit<ButtonHTMLAttributes<HTMLButtonElement> & Burger.Props, 'onToggle'> & {
+    type Props = {
         /**
          * Handler invoked when the button is activated.
          */
@@ -19,7 +19,7 @@ export declare namespace BurgerButton {
          * @param isActive The new active state of the button.
          */
         onToggle?: (isActive: boolean) => void;
-    };
+    } & Omit<Burger.Props & ButtonHTMLAttributes<HTMLButtonElement>, 'onToggle'>;
 }
 /**
  * Three-striped burger button component that transforms into an "X" when

package/build/components/CoverImage.d.ts

@@ -12,13 +12,13 @@ export declare namespace CoverImage {
     /**
      * Type describing the props of {@link CoverImage}.
      */
-    type Props = Omit<HTMLAttributes<HTMLDivElement>, 'onLoadStart'> & Pick<Picture.Props, 'alt' | 'loadingMode' | 'sources' | 'src' | 'onLoadStart' | 'onLoadComplete' | 'onLoadError'> & {
+    type Props = {
         /**
          * The known aspect ratio of the image, expressed by width / height. If
          * unprovided, it will be inferred after loading the image.
          */
         aspectRatio?: number;
-    };
+    } & Omit<HTMLAttributes<HTMLDivElement>, 'onLoadStart'> & Pick<Picture.Props, 'alt' | 'loadingMode' | 'onLoadComplete' | 'onLoadError' | 'onLoadStart' | 'sources' | 'src'>;
 }
 /**
  * A component that displays an image with a fixed aspect ratio. The image is

package/build/components/CoverVideo.d.ts

@@ -4,13 +4,13 @@ export declare namespace CoverVideo {
     /**
      * Type describing the props of {@link CoverVideo}.
      */
-    type Props = Omit<HTMLAttributes<HTMLDivElement>, 'onCanPlay' | 'onPause' | 'onPlay'> & Pick<Video.Props, 'autoLoop' | 'autoPlay' | 'hasControls' | 'isMuted' | 'playsInline' | 'posterSrc' | 'src' | 'onPause' | 'onPlay' | 'onCanPlay' | 'onEnd' | 'onFullscreenChange' | 'onLoadMetadata' | 'onLoadMetadataComplete' | 'onLoadMetadataError' | 'onSizeChange'> & {
+    type Props = {
         /**
          * The known aspect ratio of the video, expressed by width / height. If
          * unprovided, it will be inferred after loading the video.
          */
         aspectRatio?: number;
-    };
+    } & Omit<HTMLAttributes<HTMLDivElement>, 'onCanPlay' | 'onPause' | 'onPlay'> & Pick<Video.Props, 'autoLoop' | 'autoPlay' | 'hasControls' | 'isMuted' | 'onCanPlay' | 'onEnd' | 'onFullscreenChange' | 'onLoadMetadata' | 'onLoadMetadataComplete' | 'onLoadMetadataError' | 'onPause' | 'onPlay' | 'onSizeChange' | 'playsInline' | 'posterSrc' | 'src'>;
 }
 /**
  * A component that displays a video with a fixed aspect ratio. The video is

package/build/components/OptionButton.d.ts

@@ -3,7 +3,7 @@ export declare namespace OptionButton {
     /**
      * Type describing the props of {@link OptionButton}.
      */
-    type Props = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-disabled' | 'aria-label' | 'disabled' | 'onChange'> & {
+    type Props = {
         /**
          * The current index of the option.
          */
@@ -15,10 +15,10 @@ export declare namespace OptionButton {
         /**
          * The list of options to cycle through.
          */
-        options: string[] | {
+        options: {
             label: string;
             value: string;
-        }[];
+        }[] | string[];
         /**
          * Handler invoked when the button is clicked.
          *
@@ -26,7 +26,7 @@ export declare namespace OptionButton {
          * @param index The index of the next option.
          */
         onChange?: (value: string, index: number) => void;
-    };
+    } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-disabled' | 'aria-label' | 'disabled' | 'onChange'>;
 }
 /**
  * A button component that cycles through a list of options when clicked.

package/build/components/PanoramaSlider.d.ts

@@ -5,7 +5,7 @@ export declare namespace PanoramaSlider {
     /**
      * Type describing the props of {@link PanoramaSlider}.
      */
-    type Props = Panorama.Props & {
+    type Props = {
         /**
          * Field-of-view (0.0 - 360.0 degrees, inclusive) that represents the size
          * of the reticle. 360 indicates the reticle covers the entire image. If
@@ -19,7 +19,7 @@ export declare namespace PanoramaSlider {
          * the component's height must be known, i.e. it is specified in the CSS).
          * Defaults to `width`.
          */
-        autoDimension?: 'width' | 'height';
+        autoDimension?: 'height' | 'width';
         /**
          * Size of the viewport that this component is controlling. A viewport can
          * be thought of as a DOM element containing an aspect-filled image. This is
@@ -27,7 +27,7 @@ export declare namespace PanoramaSlider {
          * If it is, this prop is ignored.
          */
         viewportSize?: Size;
-    };
+    } & Panorama.Props;
 }
 /**
  * A slider for a {@link Panorama}.

package/build/components/SelectableButton.d.ts

@@ -3,7 +3,7 @@ export declare namespace SelectableButton {
     /**
      * Type describing the props of {@link SelectableButton}.
      */
-    type Props = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-disabled' | 'aria-label' | 'aria-selected' | 'disabled' | 'onClick' | 'onSelect' | 'onToggle'> & {
+    type Props = {
         /**
          * Specifies if the button can be deselected.
          */
@@ -34,7 +34,7 @@ export declare namespace SelectableButton {
          * @param isSelected The new selected state of the button.
          */
         onToggle?: (isSelected: boolean) => void;
-    };
+    } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-disabled' | 'aria-label' | 'aria-selected' | 'disabled' | 'onClick' | 'onSelect' | 'onToggle'>;
 }
 /**
  * A button component that can be selected or deselected.