etudes 21.4.0 → 22.0.0

package/build/components/Burger.d.ts

@@ -1,36 +1,39 @@
 import { HTMLAttributes } from 'react';
-/**
- * Type describing the props of {@link Burger}.
- */
-export type BurgerProps = HTMLAttributes<HTMLDivElement> & {
-    /**
-     * Specifies if the burger is in its activated state.
-     */
-    isActive?: boolean;
+export declare namespace Burger {
     /**
-     * Specifies if the bars are horizontally split to allow for an alternate
-     * transition.
+     * Type describing the props of {@link Burger}.
      */
-    isSplit?: boolean;
-    /**
-     * Specifies if the tail of the bottom bar is hidden.
-     */
-    isTailHidden?: boolean;
-    /**
-     * Specifies the number of bars to display.
-     */
-    numberOfBars?: 2 | 3;
-};
+    type Props = HTMLAttributes<HTMLDivElement> & {
+        /**
+         * Specifies if the burger is in its activated state.
+         */
+        isActive?: boolean;
+        /**
+         * Specifies if the bars are horizontally split to allow for an alternate
+         * transition.
+         */
+        isSplit?: boolean;
+        /**
+         * Specifies if the tail of the bottom bar is hidden.
+         */
+        isTailHidden?: boolean;
+        /**
+         * Specifies the number of bars to display.
+         */
+        numberOfBars?: 2 | 3;
+    };
+}
 /**
  * Three-striped burger component that transforms into an "X" when active.
  *
- * @exports BurgerBar Component for each bar in the burger.
- */
-export declare const Burger: import('react').ForwardRefExoticComponent<Readonly<BurgerProps> & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * Component for each bar in a {@link Burger}.
+ * @exports Burger.Bar Component for each bar in the burger.
  */
-export declare const BurgerBar: {
-    ({ ...props }: HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
+export declare const Burger: import('react').ForwardRefExoticComponent<Readonly<Burger.Props> & import('react').RefAttributes<HTMLDivElement>> & {
+    /**
+     * Component for each bar in a {@link Burger}.
+     */
+    Bar: {
+        ({ ...props }: HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
 };

package/build/components/BurgerButton.d.ts

@@ -1,35 +1,38 @@
 import { ButtonHTMLAttributes } from 'react';
-import { BurgerProps } from './Burger.js';
-/**
- * Type describing the props of {@link BurgerButton}.
- */
-export type BurgerButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement> & BurgerProps, 'onToggle'> & {
-    /**
-     * Handler invoked when the button is activated.
-     */
-    onActivate?: () => void;
-    /**
-     * Handler invoked when the button is deactivated.
-     */
-    onDeactivate?: () => void;
+import { Burger } from './Burger.js';
+export declare namespace BurgerButton {
     /**
-     * Handler invoked when the button's active state is toggled.
-     *
-     * @param isActive The new active state of the button.
+     * Type describing the props of {@link BurgerButton}.
      */
-    onToggle?: (isActive: boolean) => void;
-};
+    type Props = Omit<ButtonHTMLAttributes<HTMLButtonElement> & Burger.Props, 'onToggle'> & {
+        /**
+         * Handler invoked when the button is activated.
+         */
+        onActivate?: () => void;
+        /**
+         * Handler invoked when the button is deactivated.
+         */
+        onDeactivate?: () => void;
+        /**
+         * Handler invoked when the button's active state is toggled.
+         *
+         * @param isActive The new active state of the button.
+         */
+        onToggle?: (isActive: boolean) => void;
+    };
+}
 /**
  * Three-striped burger button component that transforms into an "X" when
  * active.
  *
- * @exports BurgerButtonBar Component for each bar in the burger button.
- */
-export declare const BurgerButton: import('react').ForwardRefExoticComponent<Readonly<BurgerButtonProps> & import('react').RefAttributes<HTMLButtonElement>>;
-/**
- * Component for each bar in a {@link BurgerButton}.
+ * @exports BurgerButton.Bar Component for each bar in the burger button.
  */
-export declare const BurgerButtonBar: {
-    ({ ...props }: import('react').HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
+export declare const BurgerButton: import('react').ForwardRefExoticComponent<Readonly<BurgerButton.Props> & import('react').RefAttributes<HTMLButtonElement>> & {
+    /**
+     * Component for each bar in a {@link BurgerButton}.
+     */
+    Bar: {
+        ({ ...props }: import('react').HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
 };

package/build/components/CoverImage.d.ts

@@ -1,34 +1,45 @@
 import { HTMLAttributes } from 'react';
-import { PictureProps } from '../primitives/Picture.js';
-/**
- * Type describing the props of {@link CoverImage}.
- */
-export type CoverImageProps = Omit<HTMLAttributes<HTMLDivElement>, 'onLoadStart'> & Pick<PictureProps, 'alt' | 'loadingMode' | 'sources' | 'src' | 'onLoadStart' | 'onLoadComplete' | 'onLoadError'> & {
+import { Picture } from '../primitives/Picture.js';
+export declare const _Content: {
+    ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const _Viewport: {
+    ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare namespace CoverImage {
     /**
-     * The known aspect ratio of the image, expressed by width / height. If
-     * unprovided, it will be inferred after loading the image.
+     * Type describing the props of {@link CoverImage}.
      */
-    aspectRatio?: number;
-};
+    type Props = Omit<HTMLAttributes<HTMLDivElement>, 'onLoadStart'> & Pick<Picture.Props, '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.
+         */
+        aspectRatio?: number;
+    };
+}
 /**
  * A component that displays an image with a fixed aspect ratio. The image is
  * centered and cropped to fit the container (a.k.a. viewport).
  *
- * @exports CoverImageContent Component for optional content inside the image.
- * @exports CoverImageViewport Component for the viewport.
- */
-export declare const CoverImage: import('react').ForwardRefExoticComponent<Readonly<CoverImageProps> & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * Component for optional content inside a {@link CoverImage}.
+ * @exports CoverImage.Content Component for optional content inside the image.
+ * @exports CoverImage.Viewport Component for the viewport.
  */
-export declare const CoverImageContent: {
-    ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-/**
- * Component for the viewport of a {@link CoverImage}.
- */
-export declare const CoverImageViewport: {
-    ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
+export declare const CoverImage: import('react').ForwardRefExoticComponent<Readonly<CoverImage.Props> & import('react').RefAttributes<HTMLDivElement>> & {
+    /**
+     * Component for optional content inside a {@link CoverImage}.
+     */
+    Content: {
+        ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * Component for the viewport of a {@link CoverImage}.
+     */
+    Viewport: {
+        ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
 };

package/build/components/CoverVideo.d.ts

@@ -1,34 +1,37 @@
 import { HTMLAttributes } from 'react';
-import { VideoProps } from '../primitives/Video.js';
-/**
- * Type describing the props of {@link CoverVideo}.
- */
-export type CoverVideoProps = Omit<HTMLAttributes<HTMLDivElement>, 'onCanPlay' | 'onPause' | 'onPlay'> & Pick<VideoProps, 'autoLoop' | 'autoPlay' | 'hasControls' | 'isMuted' | 'playsInline' | 'posterSrc' | 'src' | 'onPause' | 'onPlay' | 'onCanPlay' | 'onEnd' | 'onFullscreenChange' | 'onLoadMetadata' | 'onLoadMetadataComplete' | 'onLoadMetadataError' | 'onSizeChange'> & {
+import { Video } from '../primitives/Video.js';
+export declare namespace CoverVideo {
     /**
-     * The known aspect ratio of the video, expressed by width / height. If
-     * unprovided, it will be inferred after loading the video.
+     * Type describing the props of {@link CoverVideo}.
      */
-    aspectRatio?: number;
-};
+    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'> & {
+        /**
+         * The known aspect ratio of the video, expressed by width / height. If
+         * unprovided, it will be inferred after loading the video.
+         */
+        aspectRatio?: number;
+    };
+}
 /**
  * A component that displays a video with a fixed aspect ratio. The video is
  * centered and cropped to fit the container (a.k.a. viewport).
  *
- * @exports CoverVideoContent Component for optional content inside the video.
- * @exports CoverVideoViewport Component for the viewport.
- */
-export declare const CoverVideo: import('react').ForwardRefExoticComponent<Readonly<CoverVideoProps> & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * Component for optional content inside a {@link CoverVideo}.
- */
-export declare const CoverVideoContent: {
-    ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-/**
- * Component for the viewport of a {@link CoverVideo}.
+ * @exports CoverVideo.Content Component for optional content inside the video.
+ * @exports CoverVideo.Viewport Component for the viewport.
  */
-export declare const CoverVideoViewport: {
-    ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
+export declare const CoverVideo: import('react').ForwardRefExoticComponent<Readonly<CoverVideo.Props> & import('react').RefAttributes<HTMLDivElement>> & {
+    /**
+     * Component for optional content inside a {@link CoverVideo}.
+     */
+    Content: {
+        ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * Component for the viewport of a {@link CoverVideo}.
+     */
+    Viewport: {
+        ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
 };

package/build/components/OptionButton.d.ts

@@ -1,32 +1,34 @@
 import { ButtonHTMLAttributes } from 'react';
-/**
- * Type describing the props of {@link OptionButton}.
- */
-export type OptionButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-disabled' | 'aria-label' | 'disabled' | 'onChange'> & {
-    /**
-     * The current index of the option.
-     */
-    index?: number;
-    /**
-     * Specifies if the button is disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     * The list of options to cycle through.
-     */
-    options: string[] | {
-        label: string;
-        value: string;
-    }[];
+export declare namespace OptionButton {
     /**
-     * Handler invoked when the button is clicked.
-     *
-     * @param value The value of the next option.
-     * @param index The index of the next option.
+     * Type describing the props of {@link OptionButton}.
      */
-    onChange?: (value: string, index: number) => void;
-};
+    type Props = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-disabled' | 'aria-label' | 'disabled' | 'onChange'> & {
+        /**
+         * The current index of the option.
+         */
+        index?: number;
+        /**
+         * Specifies if the button is disabled.
+         */
+        isDisabled?: boolean;
+        /**
+         * The list of options to cycle through.
+         */
+        options: string[] | {
+            label: string;
+            value: string;
+        }[];
+        /**
+         * Handler invoked when the button is clicked.
+         *
+         * @param value The value of the next option.
+         * @param index The index of the next option.
+         */
+        onChange?: (value: string, index: number) => void;
+    };
+}
 /**
  * A button component that cycles through a list of options when clicked.
  */
-export declare const OptionButton: import('react').ForwardRefExoticComponent<Readonly<OptionButtonProps> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const OptionButton: import('react').ForwardRefExoticComponent<Readonly<OptionButton.Props> & import('react').RefAttributes<HTMLButtonElement>>;

package/build/components/PanoramaSlider.d.ts

@@ -1,60 +1,63 @@
 import { HTMLAttributes } from 'react';
 import { Size } from 'spase';
-import { PanoramaProps } from '../primitives/Panorama.js';
-/**
- * Type describing the props of {@link PanoramaSlider}.
- */
-export type PanoramaSliderProps = PanoramaProps & {
-    /**
-     * 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 this is
-     * unspecified, the component will attempt to automatically calculate the FOV
-     * using the `viewportSize` prop.
-     */
-    fov?: number;
-    /**
-     * Specifies which length (width or height) should be automatically
-     * calculated. The counterpart must be known (if `width` is specified here,
-     * the component's height must be known, i.e. it is specified in the CSS).
-     * Defaults to `width`.
-     */
-    autoDimension?: 'width' | 'height';
+import { Panorama } from '../primitives/Panorama.js';
+export declare namespace PanoramaSlider {
     /**
-     * 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 used
-     * to automatically calculate the FOV if `fov` prop is not specified. If it
-     * is, this prop is ignored.
+     * Type describing the props of {@link PanoramaSlider}.
      */
-    viewportSize?: Size;
-};
+    type Props = Panorama.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
+         * this is unspecified, the component will attempt to automatically
+         * calculate the FOV using the `viewportSize` prop.
+         */
+        fov?: number;
+        /**
+         * Specifies which length (width or height) should be automatically
+         * calculated. The counterpart must be known (if `width` is specified here,
+         * the component's height must be known, i.e. it is specified in the CSS).
+         * Defaults to `width`.
+         */
+        autoDimension?: 'width' | 'height';
+        /**
+         * 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
+         * used to automatically calculate the FOV if `fov` prop is not specified.
+         * If it is, this prop is ignored.
+         */
+        viewportSize?: Size;
+    };
+}
 /**
  * A slider for a {@link Panorama}.
  *
- * @exports PanoramaSliderIndicator Component for the active indicator that
+ * @exports Panorama.SliderIndicator Component for the active indicator that
  *                                  appears when the slider is dragged.
- * @exports PanoramaSliderReticle Component for the reticle that indicates the
+ * @exports Panorama.SliderReticle Component for the reticle that indicates the
  *                                FOV of the backing {@link Panorama}.
- * @exports PanoramaSliderTrack Component for the slide track.
- */
-export declare const PanoramaSlider: import('react').ForwardRefExoticComponent<Readonly<PanoramaSliderProps> & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * Component for the active indicator of a {@link PanoramaSlider}.
+ * @exports Panorama.SliderTrack Component for the slide track.
  */
-export declare const PanoramaSliderIndicator: {
-    ({ ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-/**
- * Component for the active reticle of a {@link PanoramaSlider}.
- */
-export declare const PanoramaSliderReticle: {
-    ({ ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-/**
- * Component for the slide track of a {@link PanoramaSlider}.
- */
-export declare const PanoramaSliderTrack: {
-    ({ ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
+export declare const PanoramaSlider: import('react').ForwardRefExoticComponent<Readonly<PanoramaSlider.Props> & import('react').RefAttributes<HTMLDivElement>> & {
+    /**
+     * Component for the active indicator of a {@link PanoramaSlider}.
+     */
+    Indicator: {
+        ({ ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * Component for the active reticle of a {@link PanoramaSlider}.
+     */
+    Reticle: {
+        ({ ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * Component for the slide track of a {@link PanoramaSlider}.
+     */
+    Track: {
+        ({ ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
 };

package/build/components/SelectableButton.d.ts

@@ -1,40 +1,42 @@
 import { ButtonHTMLAttributes } from 'react';
-/**
- * Type describing the props of {@link SelectableButton}.
- */
-export type SelectableButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-disabled' | 'aria-label' | 'aria-selected' | 'disabled' | 'onClick' | 'onSelect' | 'onToggle'> & {
-    /**
-     * Specifies if the button can be deselected.
-     */
-    isDeselectable?: boolean;
-    /**
-     * Specifies if the button is disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     * Specifies if the button is selected.
-     */
-    isSelected?: boolean;
-    /**
-     * The label of the button.
-     */
-    label?: string;
-    /**
-     * Handler invoked when the button is deselected.
-     */
-    onDeselect?: () => void;
-    /**
-     * Handler invoked when the button is selected.
-     */
-    onSelect?: () => void;
+export declare namespace SelectableButton {
     /**
-     * Handler invoked when the button's selected state is toggled.
-     *
-     * @param isSelected The new selected state of the button.
+     * Type describing the props of {@link SelectableButton}.
      */
-    onToggle?: (isSelected: boolean) => void;
-};
+    type Props = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-disabled' | 'aria-label' | 'aria-selected' | 'disabled' | 'onClick' | 'onSelect' | 'onToggle'> & {
+        /**
+         * Specifies if the button can be deselected.
+         */
+        isDeselectable?: boolean;
+        /**
+         * Specifies if the button is disabled.
+         */
+        isDisabled?: boolean;
+        /**
+         * Specifies if the button is selected.
+         */
+        isSelected?: boolean;
+        /**
+         * The label of the button.
+         */
+        label?: string;
+        /**
+         * Handler invoked when the button is deselected.
+         */
+        onDeselect?: () => void;
+        /**
+         * Handler invoked when the button is selected.
+         */
+        onSelect?: () => void;
+        /**
+         * Handler invoked when the button's selected state is toggled.
+         *
+         * @param isSelected The new selected state of the button.
+         */
+        onToggle?: (isSelected: boolean) => void;
+    };
+}
 /**
  * A button component that can be selected or deselected.
  */
-export declare const SelectableButton: import('react').ForwardRefExoticComponent<Readonly<SelectableButtonProps> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const SelectableButton: import('react').ForwardRefExoticComponent<Readonly<SelectableButton.Props> & import('react').RefAttributes<HTMLButtonElement>>;