etudes 7.3.0 → 8.1.0

package/{components → build/components}/Accordion.d.ts

@@ -1,6 +1,6 @@
-import { type ComponentType, type HTMLAttributes, type ReactElement, type Ref } from 'react';
-import { type CollectionItemProps, type CollectionOrientation, type CollectionProps, type CollectionSelectionMode } from './Collection.js';
-import type { DropdownToggleProps } from './Dropdown.js';
+import { ComponentType, HTMLAttributes, ReactElement, Ref } from 'react';
+import { CollectionItemProps, CollectionOrientation, CollectionProps, CollectionSelectionMode } from './Collection.js';
+import { DropdownToggleProps } from './Dropdown.js';
 /**
  * Type describing the current item selection of {@link Accordion}, composed of
  * a dictionary whose key corresponds the section index and value corresponds to

package/{components → build/components}/Burger.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 export type BurgerProps = HTMLAttributes<HTMLDivElement> & {
     isActive?: boolean;
     isSplit?: boolean;
@@ -13,7 +13,7 @@ export type BurgerProps = HTMLAttributes<HTMLDivElement> & {
  *
  * @exports BurgerBar Component for each bar in the burger.
  */
-export declare const Burger: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+export declare const Burger: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     isActive?: boolean;
     isSplit?: boolean;
     isTailHidden?: boolean;
@@ -21,5 +21,5 @@ export declare const Burger: import("react").ForwardRefExoticComponent<HTMLAttri
     onActivate?: () => void;
     onDeactivate?: () => void;
     onToggle?: (isActive: boolean) => void;
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & import('react').RefAttributes<HTMLDivElement>>;
 export declare const BurgerBar: ({ ...props }: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;

package/{components → build/components}/BurgerButton.d.ts

@@ -1,5 +1,5 @@
-import { type HTMLAttributes } from 'react';
-import { type BurgerProps } from './Burger.js';
+import { HTMLAttributes } from 'react';
+import { BurgerProps } from './Burger.js';
 export type BurgerButtonProps = Omit<HTMLAttributes<HTMLButtonElement> & BurgerProps, 'onToggle'> & {
     onActivate?: () => void;
     onDeactivate?: () => void;
@@ -11,7 +11,7 @@ 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> & {
+export declare const BurgerButton: import('react').ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLButtonElement> & HTMLAttributes<HTMLDivElement> & {
     isActive?: boolean;
     isSplit?: boolean;
     isTailHidden?: boolean;
@@ -23,5 +23,5 @@ export declare const BurgerButton: import("react").ForwardRefExoticComponent<Omi
     onActivate?: () => void;
     onDeactivate?: () => void;
     onToggle?: (isActive: boolean) => void;
-} & import("react").RefAttributes<HTMLButtonElement>>;
+} & import('react').RefAttributes<HTMLButtonElement>>;
 export declare const BurgerButtonBar: ({ ...props }: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;

package/{components → build/components}/Button.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 export type ButtonProps = HTMLAttributes<HTMLElement> & {
     href?: string;
     isDisabled?: boolean;

package/{components → build/components}/Carousel.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentType, type ForwardedRef, type HTMLAttributes, type ReactElement } from 'react';
+import { ComponentType, ForwardedRef, HTMLAttributes, ReactElement } from 'react';
 export type CarouselOrientation = 'horizontal' | 'vertical';
 export type CarouselProps<I> = HTMLAttributes<HTMLElement> & {
     /**

package/{components → build/components}/Collection.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentType, type HTMLAttributes, type ReactElement, type Ref } from 'react';
+import { ComponentType, HTMLAttributes, ReactElement, Ref } from 'react';
 /**
  * Type describing the layout orientation of items in {@link Collection}.
  */

package/{components → build/components}/Counter.d.ts

@@ -1,12 +1,12 @@
-import { type HTMLAttributes } from 'react';
-import { type TextFieldProps } from './TextField.js';
-export declare const Counter: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "onChange"> & {
+import { HTMLAttributes } from 'react';
+import { TextFieldProps } from './TextField.js';
+export declare const Counter: import('react').ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "onChange"> & {
     min?: number;
     max?: number;
     quantity?: number;
     allowsInput?: boolean;
     onChange?: (quantity: number) => void;
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & 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/{components → build/components}/CoverImage.d.ts

@@ -1,5 +1,5 @@
-import { type HTMLAttributes } from 'react';
-import { type ImageProps } from './Image.js';
+import { HTMLAttributes } from 'react';
+import { ImageProps } from './Image.js';
 export type CoverImageProps = Omit<HTMLAttributes<HTMLDivElement>, 'onLoadStart'> & Pick<ImageProps, 'alt' | 'loadingMode' | 'sizes' | 'src' | 'srcSet' | 'onLoadStart' | 'onLoadComplete' | 'onLoadError'> & {
     /**
      * The known aspect ratio of the image, expressed by width / height. If
@@ -7,12 +7,12 @@ 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"> & {
+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>>;
+} & 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/{components → build/components}/CoverVideo.d.ts

@@ -1,5 +1,5 @@
-import { type HTMLAttributes } from 'react';
-import { type VideoProps } from './Video.js';
+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'> & {
     /**
      * The known aspect ratio of the video, expressed by width / height. If
@@ -7,12 +7,12 @@ export type CoverVideoProps = HTMLAttributes<HTMLDivElement> & Pick<VideoProps,
      */
     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"> & {
+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>>;
+} & 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/{components → build/components}/Dial.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes, type SVGAttributes } from 'react';
+import { HTMLAttributes, SVGAttributes } from 'react';
 export type DialProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Current angle reading of the compass, between 0.0 - 360.0 degrees,
@@ -39,7 +39,7 @@ export type DialProps = HTMLAttributes<HTMLDivElement> & {
  * @exports DialKnob
  * @exports DialTrack
  */
-export declare const Dial: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+export declare const Dial: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     /**
      * Current angle reading of the compass, between 0.0 - 360.0 degrees,
      * inclusive.
@@ -72,6 +72,6 @@ export declare const Dial: import("react").ForwardRefExoticComponent<HTMLAttribu
      * `stroke-width` of the `<circle>` element.
      */
     trackThickness?: number;
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & 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/{components → build/components}/Dropdown.d.ts

@@ -1,5 +1,5 @@
-import { type ComponentType, type HTMLAttributes, type ReactElement, type Ref } from 'react';
-import { type CollectionItemProps, type CollectionOrientation, type CollectionProps, type CollectionSelection } from './Collection.js';
+import { ComponentType, HTMLAttributes, ReactElement, Ref } from 'react';
+import { CollectionItemProps, CollectionOrientation, CollectionProps, CollectionSelection } from './Collection.js';
 /**
  * Base extendable type describing the data provided to each item in
  * {@link Dropdown}.

package/{components → build/components}/FlatSVG.d.ts

@@ -1,5 +1,17 @@
-import { type HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 export type FlatSVGProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Specifies how the SVG should be resized:
+     * - `none`: The SVG size attributes are stripped.
+     * - `preserve`: The SVG size attributes are unchanged.
+     * - `fill`: The SVG will fill the container, i.e. `width="100%"` and
+     *   `height="100%"`.
+     * - `height`: Default: 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?: 'none' | 'preserve' | 'fill' | 'height' | 'width';
     /**
      * The SVG string markup, i.e. "<svg>...</svg>".
      */
@@ -20,6 +32,11 @@ export type FlatSVGProps = HTMLAttributes<HTMLDivElement> & {
      * 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.
@@ -37,7 +54,19 @@ export type FlatSVGProps = HTMLAttributes<HTMLDivElement> & {
  * 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> & {
+export declare const FlatSVG: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Specifies how the SVG should be resized:
+     * - `none`: The SVG size attributes are stripped.
+     * - `preserve`: The SVG size attributes are unchanged.
+     * - `fill`: The SVG will fill the container, i.e. `width="100%"` and
+     *   `height="100%"`.
+     * - `height`: Default: 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?: "none" | "preserve" | "fill" | "height" | "width";
     /**
      * The SVG string markup, i.e. "<svg>...</svg>".
      */
@@ -58,6 +87,11 @@ export declare const FlatSVG: import("react").ForwardRefExoticComponent<HTMLAttr
      * 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.
@@ -69,4 +103,4 @@ export declare const FlatSVG: import("react").ForwardRefExoticComponent<HTMLAttr
      * whitelisted.
      */
     whitelistedAttributes?: string[];
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/{components → build/components}/Image.d.ts

@@ -1,5 +1,5 @@
-import { type HTMLAttributes } from 'react';
-import { type Size } from 'spase';
+import { HTMLAttributes } from 'react';
+import { Size } from 'spase';
 export type ImageProps = Omit<HTMLAttributes<HTMLImageElement>, 'alt' | 'srcSet' | 'sizes' | 'src' | 'loading' | 'onLoadStart'> & {
     /**
      * Optional alt text.
@@ -71,7 +71,7 @@ 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"> & {
+export declare const Image: import('react').ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLImageElement>, "onLoadStart" | "src" | "srcSet" | "sizes" | "alt" | "loading"> & {
     /**
      * Optional alt text.
      */
@@ -141,4 +141,4 @@ export declare const Image: import("react").ForwardRefExoticComponent<Omit<HTMLA
      * @param size Size of the loaded image.
      */
     onSizeChange?: (size?: Size) => void;
-} & import("react").RefAttributes<HTMLImageElement>>;
+} & import('react').RefAttributes<HTMLImageElement>>;

package/{components → build/components}/MasonryGrid.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 export type MasonryGridOrientation = 'horizontal' | 'vertical';
 export type MasonryGridProps = {
     alignSections?: 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<HTMLAttributes<HTMLDivElement> & MasonryGridProps & import('react').RefAttributes<HTMLDivElement>>;

package/{components → build/components}/OptionButton.d.ts

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

package/{components → build/components}/Panorama.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 import { Size } from 'spase';
 export type PanoramaHTMLAttributes = Omit<HTMLAttributes<HTMLDivElement>, 'onResize'>;
 export type PanoramaProps = {
@@ -74,4 +74,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<PanoramaHTMLAttributes & PanoramaProps & import('react').RefAttributes<HTMLDivElement>>;

package/{components → build/components}/PanoramaSlider.d.ts

@@ -1,6 +1,6 @@
-import { type HTMLAttributes } from 'react';
-import { type Size } from 'spase';
-import { type PanoramaProps } from './Panorama.js';
+import { HTMLAttributes } from 'react';
+import { Size } from 'spase';
+import { PanoramaProps } from './Panorama.js';
 export type PanoramaSliderProps = PanoramaProps & {
     /**
      * Field-of-view (0.0 - 360.0 degrees, inclusive) that represents the size of
@@ -33,7 +33,7 @@ export type PanoramaSliderProps = PanoramaProps & {
  *                                backing {@link Panorama}.
  * @exports PanoramaSliderTrack The slide track.
  */
-export declare const PanoramaSlider: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & PanoramaProps & {
+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
@@ -55,7 +55,7 @@ export declare const PanoramaSlider: import("react").ForwardRefExoticComponent<H
      * is, this prop is ignored.
      */
     viewportSize?: Size;
-} & 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>>;
+} & 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

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'react';
+type Orientation = 'horizontal' | 'vertical';
+type Range = [number, number];
+export type RangeSliderProps = {
+    decimalPlaces?: number;
+    knobHeight?: number;
+    knobPadding?: number;
+    knobWidth?: number;
+    max: number;
+    min: number;
+    orientation?: Orientation;
+    range?: Range;
+    steps?: number;
+    onRangeChange?: (range: Range) => void;
+};
+export declare const RangeSlider: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & 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>>;
+export declare const RangeSliderKnob: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/{components → build/components}/SelectableButton.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 export type SelectableButtonProps = HTMLAttributes<HTMLButtonElement> & {
     isDeselectable?: boolean;
     isDisabled?: boolean;
@@ -8,7 +8,7 @@ export type SelectableButtonProps = HTMLAttributes<HTMLButtonElement> & {
     onSelect?: () => void;
     onToggle?: (isSelected: boolean) => void;
 };
-export declare const SelectableButton: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & {
+export declare const SelectableButton: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & {
     isDeselectable?: boolean;
     isDisabled?: boolean;
     isSelected?: boolean;
@@ -16,4 +16,4 @@ export declare const SelectableButton: import("react").ForwardRefExoticComponent
     onDeselect?: () => void;
     onSelect?: () => void;
     onToggle?: (isSelected: boolean) => void;
-} & import("react").RefAttributes<HTMLButtonElement>>;
+} & import('react').RefAttributes<HTMLButtonElement>>;

package/{components → build/components}/Slider.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 export type SliderOrientation = 'horizontal' | 'vertical';
 export type SliderProps = HTMLAttributes<HTMLDivElement> & {
     /**
@@ -79,7 +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> & {
+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,
@@ -143,7 +143,7 @@ export declare const Slider: import("react").ForwardRefExoticComponent<HTMLAttri
      * Handler invoked when dragging begins.
      */
     onDragStart?: () => void;
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & 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;

package/{components → build/components}/StepwiseSlider.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 type Orientation = 'horizontal' | 'vertical';
 export type StepwiseSliderProps = HTMLAttributes<HTMLDivElement> & {
     /**
@@ -104,7 +104,7 @@ export type StepwiseSliderProps = HTMLAttributes<HTMLDivElement> & {
  * @exports StepwiseSliderTrack The component for the slide track on either side
  *                                of the knob.
  */
-export declare const StepwiseSlider: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+export declare const StepwiseSlider: 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,
@@ -189,7 +189,7 @@ export declare const StepwiseSlider: import("react").ForwardRefExoticComponent<H
      * Handler invoked when dragging begins.
      */
     onDragStart?: () => void;
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & import('react').RefAttributes<HTMLDivElement>>;
 export declare const StepwiseSliderTrack: ({ ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const StepwiseSliderKnob: ({ ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const StepwiseSliderLabel: ({ ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/{components → build/components}/SwipeRegion.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 export type SwipeContainerProps = HTMLAttributes<HTMLDivElement> & {
     isEnabled?: boolean;
     threshold?: number;
@@ -11,11 +11,11 @@ export type SwipeContainerProps = HTMLAttributes<HTMLDivElement> & {
  * An empty component with a backing `<div>` element that detects swipe
  * gestures.
  */
-export declare const SwipeRegion: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+export declare const SwipeRegion: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     isEnabled?: boolean;
     threshold?: number;
     onSwipeDown?: () => void;
     onSwipeLeft?: () => void;
     onSwipeRight?: () => void;
     onSwipeUp?: () => void;
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/{components → build/components}/TextField.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 export type TextFieldProps = HTMLAttributes<HTMLInputElement> & {
     emptyValue?: string;
     isDisabled?: boolean;
@@ -10,7 +10,7 @@ export type TextFieldProps = HTMLAttributes<HTMLInputElement> & {
     onUnfocus?: (value: string) => void;
     onValueChange?: (value: string) => void;
 };
-export declare const TextField: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & {
+export declare const TextField: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & {
     emptyValue?: string;
     isDisabled?: boolean;
     isRequired?: boolean;
@@ -20,4 +20,4 @@ export declare const TextField: import("react").ForwardRefExoticComponent<HTMLAt
     onFocus?: (value: string) => void;
     onUnfocus?: (value: string) => void;
     onValueChange?: (value: string) => void;
-} & import("react").RefAttributes<HTMLInputElement>>;
+} & import('react').RefAttributes<HTMLInputElement>>;

package/{components → build/components}/Video.d.ts

@@ -1,5 +1,5 @@
-import { type HTMLAttributes } from 'react';
-import { type Size } from 'spase';
+import { HTMLAttributes } from 'react';
+import { Size } from 'spase';
 export type VideoProps = Omit<HTMLAttributes<HTMLVideoElement>, 'autoPlay' | 'controls' | 'loop' | 'muted' | 'playsInline' | 'poster' | 'onCanPlay' | 'onEnded' | 'onPause' | 'onPlay' | 'onTimeUpdate'> & {
     autoLoop?: boolean;
     autoPlay?: boolean;
@@ -19,7 +19,18 @@ export type VideoProps = Omit<HTMLAttributes<HTMLVideoElement>, 'autoPlay' | 'co
     onSizeChange?: (size?: Size) => void;
     onTimeUpdate?: (currentTime: number, duration: number) => void;
 };
-export declare const Video: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLVideoElement>, "onCanPlay" | "onEnded" | "onPause" | "onPlay" | "onTimeUpdate" | "autoPlay" | "controls" | "loop" | "muted" | "playsInline" | "poster"> & {
+/**
+ * A component for displaying video content.
+ *
+ * Note that this component will handle HLS streams automatically, but only if
+ * the browser supports it. If the browser does not support HLS streams, then
+ * you must include `hls.js` in your project and ensure that it is loaded before
+ * this component is rendered, i.e. by including it in the `<head>` of your
+ * HTML document.
+ *
+ * @see {@link https://www.npmjs.com/package/hls.js}
+ */
+export declare const Video: import('react').ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLVideoElement>, "onCanPlay" | "onEnded" | "onPause" | "onPlay" | "onTimeUpdate" | "autoPlay" | "controls" | "loop" | "muted" | "playsInline" | "poster"> & {
     autoLoop?: boolean;
     autoPlay?: boolean;
     hasControls?: boolean;
@@ -37,4 +48,4 @@ export declare const Video: import("react").ForwardRefExoticComponent<Omit<HTMLA
     onPlay?: () => void;
     onSizeChange?: (size?: Size) => void;
     onTimeUpdate?: (currentTime: number, duration: number) => void;
-} & import("react").RefAttributes<HTMLVideoElement>>;
+} & import('react').RefAttributes<HTMLVideoElement>>;

package/{components → build/components}/WithTooltip.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes, type PropsWithChildren } from 'react';
+import { HTMLAttributes, PropsWithChildren } from 'react';
 type Alignment = 'tl' | 'tc' | 'tr' | 'cl' | 'cr' | 'bl' | 'bc' | 'br';
 export type WithToolTipProps = Pick<HTMLAttributes<HTMLElement>, 'className' | 'style'> & PropsWithChildren<{
     /**

package/build/components/index.d.ts

@@ -0,0 +1,25 @@
+export * from './Accordion.js';
+export * from './Burger.js';
+export * from './BurgerButton.js';
+export * from './Button.js';
+export * from './Carousel.js';
+export * from './Collection.js';
+export * from './Counter.js';
+export * from './CoverImage.js';
+export * from './CoverVideo.js';
+export * from './Dial.js';
+export * from './Dropdown.js';
+export * from './FlatSVG.js';
+export * from './Image.js';
+export * from './MasonryGrid.js';
+export * from './OptionButton.js';
+export * from './Panorama.js';
+export * from './PanoramaSlider.js';
+export * from './RangeSlider.js';
+export * from './SelectableButton.js';
+export * from './Slider.js';
+export * from './StepwiseSlider.js';
+export * from './SwipeRegion.js';
+export * from './TextField.js';
+export * from './Video.js';
+export * from './WithTooltip.js';