etudes 8.4.0 → 9.0.0

package/build/components/Accordion.d.ts

@@ -201,9 +201,9 @@ export type AccordionProps<I, S extends AccordionSection<I> = AccordionSection<I
  * are generated based on the provided `ItemComponent` while each section header
  * is optionally provided by `HeaderComponent` or generated automatically.
  */
-export declare const Accordion: <I, S extends AccordionSection<I> = AccordionSection<I>>(props: AccordionProps<I, S> & {
+export declare const Accordion: <I, S extends AccordionSection<I> = AccordionSection<I>>(props: Readonly<AccordionProps<I, S> & {
     ref?: Ref<HTMLDivElement>;
-}) => ReactElement;
+}>) => ReactElement;
 export declare const AccordionHeader: ({ children, ...props }: HTMLAttributes<HTMLButtonElement> & DropdownToggleProps) => import("react/jsx-runtime").JSX.Element;
 export declare const AccordionExpandIcon: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const AccordionCollapseIcon: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/build/components/Burger.d.ts

@@ -4,22 +4,11 @@ export type BurgerProps = HTMLAttributes<HTMLDivElement> & {
     isSplit?: boolean;
     isTailHidden?: boolean;
     numberOfBars?: 2 | 3;
-    onActivate?: () => void;
-    onDeactivate?: () => void;
-    onToggle?: (isActive: boolean) => void;
 };
 /**
  * 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<HTMLAttributes<HTMLDivElement> & {
-    isActive?: boolean;
-    isSplit?: boolean;
-    isTailHidden?: boolean;
-    numberOfBars?: 2 | 3;
-    onActivate?: () => void;
-    onDeactivate?: () => void;
-    onToggle?: (isActive: boolean) => void;
-} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Burger: import('react').ForwardRefExoticComponent<Readonly<BurgerProps> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const BurgerBar: ({ ...props }: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;

package/build/components/BurgerButton.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes } from 'react';
+import { ButtonHTMLAttributes } from 'react';
 import { BurgerProps } from './Burger.js';
-export type BurgerButtonProps = Omit<HTMLAttributes<HTMLButtonElement> & BurgerProps, 'onToggle'> & {
+export type BurgerButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement> & BurgerProps, 'onToggle'> & {
     onActivate?: () => void;
     onDeactivate?: () => void;
     onToggle?: (isActive: boolean) => void;
@@ -11,17 +11,5 @@ export type BurgerButtonProps = Omit<HTMLAttributes<HTMLButtonElement> & BurgerP
  *
  * @exports BurgerButtonBar Component for each bar in the burger button.
  */
-export declare const BurgerButton: import('react').ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLButtonElement> & HTMLAttributes<HTMLDivElement> & {
-    isActive?: boolean;
-    isSplit?: boolean;
-    isTailHidden?: boolean;
-    numberOfBars?: 2 | 3;
-    onActivate?: () => void;
-    onDeactivate?: () => void;
-    onToggle?: (isActive: boolean) => void;
-}, "onToggle"> & {
-    onActivate?: () => void;
-    onDeactivate?: () => void;
-    onToggle?: (isActive: boolean) => void;
-} & import('react').RefAttributes<HTMLButtonElement>>;
-export declare const BurgerButtonBar: ({ ...props }: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const BurgerButton: import('react').ForwardRefExoticComponent<Readonly<BurgerButtonProps> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const BurgerButtonBar: ({ ...props }: import('react').HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;

package/build/components/Button.d.ts

@@ -1,5 +1,9 @@
-import { HTMLAttributes } from 'react';
-export type ButtonProps = HTMLAttributes<HTMLElement> & {
+import { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react';
+import { LinkProps } from 'react-router';
+type ButtonVariantProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-disabled' | 'aria-label' | 'disabled' | 'type'>;
+type LinkVariantProps = Omit<LinkProps, 'aria-disabled' | 'aria-label' | 'to'>;
+type AnchorVariantProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'aria-disabled' | 'aria-label' | 'rel' | 'target'>;
+export type ButtonProps = (AnchorVariantProps | LinkVariantProps | ButtonVariantProps) & {
     href?: string;
     isDisabled?: boolean;
     label?: string;
@@ -7,4 +11,5 @@ export type ButtonProps = HTMLAttributes<HTMLElement> & {
     to?: string;
     type?: HTMLButtonElement['type'];
 };
-export declare function Button({ children, className, href, isDisabled, label, opensInNewTab, to, type, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ children, className, href, isDisabled, label, opensInNewTab, to, type, ...props }: Readonly<ButtonProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/components/Carousel.d.ts

@@ -1,6 +1,6 @@
 import { ComponentType, ForwardedRef, HTMLAttributes, ReactElement } from 'react';
 export type CarouselOrientation = 'horizontal' | 'vertical';
-export type CarouselProps<I> = HTMLAttributes<HTMLElement> & {
+export type CarouselProps<I> = Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'onClick' | 'onPointerCancel' | 'onPointerDown' | 'onPointerLeave' | 'onPointerUp'> & {
     /**
      * Current item index.
      */
@@ -48,6 +48,6 @@ export type CarouselProps<I> = HTMLAttributes<HTMLElement> & {
      */
     ItemComponent: ComponentType<I>;
 };
-export declare const Carousel: <I extends HTMLAttributes<HTMLElement>>(props: CarouselProps<I> & {
+export declare const Carousel: <I extends HTMLAttributes<HTMLElement>>(props: Readonly<CarouselProps<I> & {
     ref?: ForwardedRef<HTMLDivElement>;
-}) => ReactElement;
+}>) => ReactElement;

package/build/components/Collection.d.ts

@@ -166,6 +166,6 @@ export type CollectionProps<T> = HTMLAttributes<HTMLDivElement> & {
  * on the provided `ItemComponent`. This component supports different layouts in
  * both horizontal and vertical orientations.
  */
-export declare const Collection: <T>(props: CollectionProps<T> & {
+export declare const Collection: <T>(props: Readonly<CollectionProps<T> & {
     ref?: Ref<HTMLDivElement>;
-}) => ReactElement;
+}>) => ReactElement;

package/build/components/Counter.d.ts

@@ -1,12 +1,13 @@
 import { HTMLAttributes } from 'react';
 import { TextFieldProps } from './TextField.js';
-export declare const Counter: import('react').ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "onChange"> & {
+export type CounterProps = Omit<HTMLAttributes<HTMLElement>, 'onChange'> & {
     min?: number;
     max?: number;
     quantity?: number;
     allowsInput?: boolean;
     onChange?: (quantity: number) => void;
-} & import('react').RefAttributes<HTMLDivElement>>;
+};
+export declare const Counter: import('react').ForwardRefExoticComponent<Readonly<CounterProps> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const CounterTextField: ({ ...props }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
 export declare const CounterAddButton: ({ children, ...props }: HTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const CounterSubtractButton: ({ children, ...props }: HTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;

package/build/components/CoverImage.d.ts

@@ -7,12 +7,6 @@ export type CoverImageProps = Omit<HTMLAttributes<HTMLDivElement>, 'onLoadStart'
      */
     aspectRatio?: number;
 };
-export declare const CoverImage: import('react').ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "onLoadStart"> & Pick<ImageProps, "onLoadStart" | "src" | "srcSet" | "sizes" | "onLoadComplete" | "onLoadError" | "alt" | "loadingMode"> & {
-    /**
-     * The known aspect ratio of the image, expressed by width / height. If
-     * unprovided, it will be inferred after loading the image.
-     */
-    aspectRatio?: number;
-} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CoverImage: import('react').ForwardRefExoticComponent<Readonly<CoverImageProps> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const CoverImageViewport: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const CoverImageContent: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/build/components/CoverVideo.d.ts

@@ -1,18 +1,12 @@
 import { HTMLAttributes } from 'react';
 import { VideoProps } from './Video.js';
-export type CoverVideoProps = HTMLAttributes<HTMLDivElement> & Pick<VideoProps, 'autoLoop' | 'autoPlay' | 'hasControls' | 'isMuted' | 'playsInline' | 'posterSrc' | 'src' | 'onPause' | 'onPlay' | 'onCanPlay' | 'onEnd' | 'onFullscreenChange' | 'onLoadMetadata' | 'onLoadMetadataComplete' | 'onLoadMetadataError' | 'onSizeChange'> & {
+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'> & {
     /**
      * The known aspect ratio of the video, expressed by width / height. If
      * unprovided, it will be inferred after loading the video.
      */
     aspectRatio?: number;
 };
-export declare const CoverVideo: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & Pick<VideoProps, "onCanPlay" | "onPause" | "onPlay" | "src" | "onSizeChange" | "autoPlay" | "playsInline" | "autoLoop" | "hasControls" | "isMuted" | "posterSrc" | "onEnd" | "onFullscreenChange" | "onLoadMetadata" | "onLoadMetadataComplete" | "onLoadMetadataError"> & {
-    /**
-     * The known aspect ratio of the video, expressed by width / height. If
-     * unprovided, it will be inferred after loading the video.
-     */
-    aspectRatio?: number;
-} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CoverVideo: import('react').ForwardRefExoticComponent<Readonly<CoverVideoProps> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const CoverVideoViewport: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const CoverVideoContent: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/build/components/Dial.d.ts

@@ -39,39 +39,6 @@ export type DialProps = HTMLAttributes<HTMLDivElement> & {
  * @exports DialKnob
  * @exports DialTrack
  */
-export declare const Dial: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    /**
-     * Current angle reading of the compass, between 0.0 - 360.0 degrees,
-     * inclusive.
-     */
-    angle?: number;
-    /**
-     * Gap between each dashed line on the track.
-     */
-    trackGap?: number;
-    /**
-     * Length of the knob along the track expressed in degrees, between 0.0 and
-     * 360.0 degrees, exclusive. If set to 0 or 360, the knob disappears.
-     *
-     * @example Suppose the compass were to be used to control a photosphere of an
-     *          image that is 1000 x 500, and the window size is 500 x 500, that
-     *          would mean the FOV is 500 / 1000 * 360 = 180 degrees.
-     */
-    knobLength?: number;
-    /**
-     * Radius of the compass.
-     */
-    radius?: number;
-    /**
-     * The thickness of the knob, which is equivalent to the `stroke-width` of the
-     * `<path>` element.
-     */
-    knobThickness?: number;
-    /**
-     * The thickness of the circular track, which is equivalent to the
-     * `stroke-width` of the `<circle>` element.
-     */
-    trackThickness?: number;
-} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Dial: import('react').ForwardRefExoticComponent<Readonly<DialProps> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const DialTrack: ({ ...props }: SVGAttributes<SVGCircleElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const DialKnob: ({ ...props }: SVGAttributes<SVGPathElement>) => import("react/jsx-runtime").JSX.Element;

package/build/components/Dropdown.d.ts

@@ -94,9 +94,9 @@ export type DropdownProps<T extends DropdownItemData = DropdownItemData> = HTMLA
  * supports both horizontal and vertical orientations. Provide `items` and
  * `ItemComponent` props to populate.
  */
-export declare const Dropdown: <T extends DropdownItemData = DropdownItemData>(props: DropdownProps<T> & {
+export declare const Dropdown: <T extends DropdownItemData = DropdownItemData>(props: Readonly<DropdownProps<T> & {
     ref?: Ref<HTMLDivElement>;
-}) => ReactElement;
+}>) => ReactElement;
 export declare const DropdownToggle: ({ children, ...props }: HTMLAttributes<HTMLButtonElement> & DropdownToggleProps) => import("react/jsx-runtime").JSX.Element;
 export declare const DropdownExpandIcon: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const DropdownCollapseIcon: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/build/components/FlatSVG.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export type FlatSVGProps = HTMLAttributes<HTMLDivElement> & {
+export type FlatSVGProps = Omit<HTMLAttributes<HTMLElement>, 'role'> & {
     /**
      * Specifies how the SVG should be resized:
      * - `preserve`: Default: the SVG size attributes are unchanged.
@@ -21,12 +21,6 @@ export type FlatSVGProps = HTMLAttributes<HTMLDivElement> & {
      * all of its child nodes.
      */
     shouldStripClasses?: boolean;
-    /**
-     * Specifies whether extraneous attributes should be removed from the SVG root
-     * node. The `whitelistedAttributes` prop defines what attributes should be
-     * kept.
-     */
-    shouldStripExtraneousAttributes?: boolean;
     /**
      * Specifies whether the 'id' attribute should be removed in the SVG root node
      * and all of its child nodes.
@@ -36,71 +30,16 @@ export type FlatSVGProps = HTMLAttributes<HTMLDivElement> & {
      * Specifies whether the 'x' and 'y' attributes should be removed in the SVG
      * root node.
      */
-    shouldStripPosition?: boolean;
+    shouldStripPositions?: boolean;
     /**
      * Specifies whether the 'style' atribute and any <style> nodes should be
      * removed in the SVG root node and all of its child nodes.
      */
     shouldStripStyles?: boolean;
-    /**
-     * Specifies attribute names to exclude from being stripped if
-     * `shouldStripExtraneousAttributes` is enabled. By default, only `viewBox` is
-     * whitelisted.
-     */
-    whitelistedAttributes?: string[];
 };
 /**
  * A component whose root element wraps an SVG markup. When wrapping the SVG, it
  * will attempt to sanitize the markup (i.e. stripping useless attributes)
  * according to the props specified.
  */
-export declare const FlatSVG: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    /**
-     * Specifies how the SVG should be resized:
-     * - `preserve`: Default: the SVG size attributes are unchanged.
-     * - `none`: The SVG size attributes are stripped.
-     * - `fill`: The SVG will fill the container, i.e. `width="100%"` and
-     *   `height="100%"`.
-     * - `height`: The SVG will maintain its aspect ratio and fill the height of
-     *   the container, i.e. `width="auto"` and `height="100%"`.
-     * - `width`: The SVG will maintain its aspect ratio and fill the width of the
-     *   container, i.e. `width="100%"` and `height="auto"`.
-     */
-    fillMode?: "preserve" | "none" | "fill" | "height" | "width";
-    /**
-     * The SVG string markup, i.e. "<svg>...</svg>".
-     */
-    svg: string;
-    /**
-     * Specifies whether the 'class' should be removed in the SVG root node and
-     * all of its child nodes.
-     */
-    shouldStripClasses?: boolean;
-    /**
-     * Specifies whether extraneous attributes should be removed from the SVG root
-     * node. The `whitelistedAttributes` prop defines what attributes should be
-     * kept.
-     */
-    shouldStripExtraneousAttributes?: boolean;
-    /**
-     * Specifies whether the 'id' attribute should be removed in the SVG root node
-     * and all of its child nodes.
-     */
-    shouldStripIds?: boolean;
-    /**
-     * Specifies whether the 'x' and 'y' attributes should be removed in the SVG
-     * root node.
-     */
-    shouldStripPosition?: boolean;
-    /**
-     * Specifies whether the 'style' atribute and any <style> nodes should be
-     * removed in the SVG root node and all of its child nodes.
-     */
-    shouldStripStyles?: boolean;
-    /**
-     * Specifies attribute names to exclude from being stripped if
-     * `shouldStripExtraneousAttributes` is enabled. By default, only `viewBox` is
-     * whitelisted.
-     */
-    whitelistedAttributes?: string[];
-} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const FlatSVG: import('react').ForwardRefExoticComponent<Readonly<FlatSVGProps> & import('react').RefAttributes<HTMLDivElement>>;

package/build/components/Image.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { Size } from 'spase';
-export type ImageProps = Omit<HTMLAttributes<HTMLImageElement>, 'alt' | 'srcSet' | 'sizes' | 'src' | 'loading' | 'onLoadStart'> & {
+export type ImageProps = Omit<HTMLAttributes<HTMLImageElement>, 'alt' | 'loading' | 'sizes' | 'src' | 'srcSet' | 'onLoadStart'> & {
     /**
      * Optional alt text.
      */
@@ -71,74 +71,4 @@ export type ImageProps = Omit<HTMLAttributes<HTMLImageElement>, 'alt' | 'srcSet'
      */
     onSizeChange?: (size?: Size) => void;
 };
-export declare const Image: import('react').ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLImageElement>, "onLoadStart" | "src" | "srcSet" | "sizes" | "alt" | "loading"> & {
-    /**
-     * Optional alt text.
-     */
-    alt?: string;
-    /**
-     * Loading mode for the image.
-     */
-    loadingMode?: "none" | "lazy" | "preload";
-    /**
-     * 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.
-     */
-    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;
-    }[];
-    /**
-     * Fallback image URL for browsers that do not support the `srcset` attribute.
-     */
-    src?: string;
-    /**
-     * Handler invoked when image load begins.
-     */
-    onLoadStart?: () => void;
-    /**
-     * Handler invoked when image load completes.
-     */
-    onLoadComplete?: () => void;
-    /**
-     * Handler invoked when image load encounters an error.
-     */
-    onLoadError?: () => void;
-    /**
-     * Handler invoked when the size of the loaded image changes.
-     *
-     * @param size Size of the loaded image.
-     */
-    onSizeChange?: (size?: Size) => void;
-} & import('react').RefAttributes<HTMLImageElement>>;
+export declare const Image: import('react').ForwardRefExoticComponent<Readonly<ImageProps> & import('react').RefAttributes<HTMLImageElement>>;

package/build/components/MasonryGrid.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 export type MasonryGridOrientation = 'horizontal' | 'vertical';
-export type MasonryGridProps = {
+export type MasonryGridProps = Omit<HTMLAttributes<HTMLDivElement>, 'role'> & {
     alignSections?: boolean;
     horizontalSpacing?: number;
     isReversed?: boolean;
@@ -25,4 +25,4 @@ export type MasonryGridProps = {
  * rows*, whereas in a horizontally oriented grid, *number of sections* refers
  * to the *number of columns*.
  */
-export declare const MasonryGrid: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & MasonryGridProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const MasonryGrid: import('react').ForwardRefExoticComponent<Readonly<MasonryGridProps> & import('react').RefAttributes<HTMLDivElement>>;

package/build/components/OptionButton.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes } from 'react';
-export type CycleButtonProps = Omit<HTMLAttributes<HTMLButtonElement>, 'disabled' | 'onChange'> & {
+import { ButtonHTMLAttributes } from 'react';
+export type CycleButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-disabled' | 'aria-label' | 'disabled' | 'onChange'> & {
     index?: number;
     isDisabled?: boolean;
     options: string[] | {
@@ -8,12 +8,4 @@ export type CycleButtonProps = Omit<HTMLAttributes<HTMLButtonElement>, 'disabled
     }[];
     onChange?: (value: string, index: number) => void;
 };
-export declare const OptionButton: import('react').ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLButtonElement>, "disabled" | "onChange"> & {
-    index?: number;
-    isDisabled?: boolean;
-    options: string[] | {
-        label: string;
-        value: string;
-    }[];
-    onChange?: (value: string, index: number) => void;
-} & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const OptionButton: import('react').ForwardRefExoticComponent<Readonly<CycleButtonProps> & import('react').RefAttributes<HTMLButtonElement>>;

package/build/components/Panorama.d.ts

@@ -1,7 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { Size } from 'spase';
-export type PanoramaHTMLAttributes = Omit<HTMLAttributes<HTMLDivElement>, 'onResize'>;
-export type PanoramaProps = {
+export type PanoramaProps = Omit<HTMLAttributes<HTMLDivElement>, 'aria-valuenow' | 'role'> & {
     /**
      * The current angle in degrees, 0.0 - 360.0, inclusive. When angle is 0 or
      * 360, the `zeroAnchor` position of the image is at the left bound of the
@@ -74,4 +73,4 @@ export type PanoramaProps = {
 /**
  * A component containing a pannable 360° panorama image. The angle supports two-way binding.
  */
-export declare const Panorama: import('react').ForwardRefExoticComponent<PanoramaHTMLAttributes & PanoramaProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Panorama: import('react').ForwardRefExoticComponent<Readonly<PanoramaProps> & import('react').RefAttributes<HTMLDivElement>>;

package/build/components/PanoramaSlider.d.ts

@@ -33,29 +33,7 @@ export type PanoramaSliderProps = PanoramaProps & {
  *                                backing {@link Panorama}.
  * @exports PanoramaSliderTrack The slide track.
  */
-export declare const PanoramaSlider: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & 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";
-    /**
-     * 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;
-} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const PanoramaSlider: import('react').ForwardRefExoticComponent<Readonly<PanoramaSliderProps> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const PanoramaSliderTrack: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const PanoramaSliderReticle: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const PanoramaSliderIndicator: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/build/components/RangeSlider.d.ts

@@ -1,7 +1,7 @@
 import { HTMLAttributes } from 'react';
 type Orientation = 'horizontal' | 'vertical';
 type Range = [number, number];
-export type RangeSliderProps = {
+export type RangeSliderProps = Omit<HTMLAttributes<HTMLDivElement>, 'aria-valuemax' | 'aria-valuemin' | 'role'> & {
     decimalPlaces?: number;
     knobHeight?: number;
     knobPadding?: number;
@@ -13,7 +13,7 @@ export type RangeSliderProps = {
     steps?: number;
     onRangeChange?: (range: Range) => void;
 };
-export declare const RangeSlider: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & RangeSliderProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const RangeSlider: import('react').ForwardRefExoticComponent<Readonly<RangeSliderProps> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const RangeSliderGutter: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const RangeSliderLabel: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const RangeSliderHighlight: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/build/components/SelectableButton.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes } from 'react';
-export type SelectableButtonProps = HTMLAttributes<HTMLButtonElement> & {
+import { ButtonHTMLAttributes } from 'react';
+export type SelectableButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-disabled' | 'aria-label' | 'aria-selected' | 'disabled' | 'onClick' | 'onSelect' | 'onToggle'> & {
     isDeselectable?: boolean;
     isDisabled?: boolean;
     isSelected?: boolean;
@@ -8,12 +8,4 @@ export type SelectableButtonProps = HTMLAttributes<HTMLButtonElement> & {
     onSelect?: () => void;
     onToggle?: (isSelected: boolean) => void;
 };
-export declare const SelectableButton: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & {
-    isDeselectable?: boolean;
-    isDisabled?: boolean;
-    isSelected?: boolean;
-    label?: string;
-    onDeselect?: () => void;
-    onSelect?: () => void;
-    onToggle?: (isSelected: boolean) => void;
-} & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const SelectableButton: import('react').ForwardRefExoticComponent<Readonly<SelectableButtonProps> & import('react').RefAttributes<HTMLButtonElement>>;

package/build/components/Slider.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 export type SliderOrientation = 'horizontal' | 'vertical';
-export type SliderProps = HTMLAttributes<HTMLDivElement> & {
+export type SliderProps = Omit<HTMLAttributes<HTMLDivElement>, 'aria-orientation' | 'aria-valuenow' | 'role'> & {
     /**
      * By default the position is a value from 0 - 1, 0 being the start of the
      * slider and 1 being the end. Switching on this flag inverts this behavior,
@@ -79,71 +79,7 @@ export type SliderProps = HTMLAttributes<HTMLDivElement> & {
  * @exports SliderTrack The component for the slide track on either side of the
  *                      knob.
  */
-export declare const Slider: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    /**
-     * By default the position is a value from 0 - 1, 0 being the start of the
-     * slider and 1 being the end. Switching on this flag inverts this behavior,
-     * where 0 becomes the end of the slider and 1 being the start.
-     */
-    isInverted?: boolean;
-    /**
-     * Specifies if the track is clickable to set the position of the knob.
-     */
-    isTrackInteractive?: boolean;
-    /**
-     * Indicates if position change events are dispatched only when dragging ends.
-     * When disabled, aforementioned events are fired repeatedly while dragging.
-     */
-    onlyDispatchesOnDragEnd?: boolean;
-    /**
-     * Padding between the track and the knob in pixels.
-     */
-    trackPadding?: number;
-    /**
-     * Height of the knob in pixels.
-     */
-    knobHeight?: number;
-    /**
-     * Width of the knob in pixels.
-     */
-    knobWidth?: number;
-    /**
-     * Orientation of the slider.
-     */
-    orientation?: SliderOrientation;
-    /**
-     * The current position.
-     */
-    position?: number;
-    /**
-     * A function that returns the label to be displayed at a given slider
-     * position.
-     *
-     * @param position The current slider position.
-     *
-     * @returns The label.
-     */
-    labelProvider?: (position: number) => string;
-    /**
-     * Handler invoked when position changes. This can either be invoked from the
-     * `position` prop being changed or from the slider being dragged. Note that
-     * if the event is emitted at the end of dragging due to
-     * `onlyDispatchesOnDragEnd` set to `true`, the `isDragging` parameter here is
-     * still `true`.
-     *
-     * @param position The current slider position.
-     * @param isDragging Specifies if the position change is due to dragging.
-     */
-    onPositionChange?: (position: number, isDragging: boolean) => void;
-    /**
-     * Handler invoked when dragging ends.
-     */
-    onDragEnd?: () => void;
-    /**
-     * Handler invoked when dragging begins.
-     */
-    onDragStart?: () => void;
-} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Slider: import('react').ForwardRefExoticComponent<Readonly<SliderProps> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const SliderTrack: ({ ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const SliderKnob: ({ ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const SliderLabel: ({ ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;