etudes 32.2.0 → 32.3.0

package/build/components/Burger.d.ts

@@ -4,7 +4,7 @@ import { HTMLAttributes, Ref } from 'react';
  *
  * @exports Burger.Bar Component for each bar in the burger.
  */
-export declare function Burger({ className, ref, children, numberOfBars, isActive, isSplit, isTailHidden, ...props }: Burger.Props): import("react/jsx-runtime").JSX.Element;
+export declare function Burger({ className, ref, children, numberOfBars, isActive, isSplit, isTailHidden, ...props }: Burger.Props): import("react").JSX.Element;
 export declare namespace Burger {
     var displayName: string;
 }
@@ -39,7 +39,7 @@ export declare namespace Burger {
      * Component for each bar in a {@link Burger}.
      */
     const Bar: {
-        ({ ...props }: HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+        ({ ...props }: HTMLAttributes<HTMLSpanElement>): import("react").JSX.Element;
         displayName: string;
     };
 }

package/build/components/BurgerButton.d.ts

@@ -6,7 +6,7 @@ import { Burger } from './Burger.js';
  *
  * @exports BurgerButton.Bar Component for each bar in the burger button.
  */
-export declare function BurgerButton({ className, ref, style, children, numberOfBars, isActive, isSplit, isTailHidden, onActivate, onDeactivate, onToggle, ...props }: BurgerButton.Props): import("react/jsx-runtime").JSX.Element;
+export declare function BurgerButton({ className, ref, style, children, numberOfBars, isActive, isSplit, isTailHidden, onActivate, onDeactivate, onToggle, ...props }: BurgerButton.Props): import("react").JSX.Element;
 export declare namespace BurgerButton {
     var displayName: string;
 }
@@ -38,7 +38,7 @@ export declare namespace BurgerButton {
      * Component for each bar in a {@link BurgerButton}.
      */
     const Bar: {
-        ({ ...props }: import("react").HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+        ({ ...props }: import("react").HTMLAttributes<HTMLSpanElement>): import("react").JSX.Element;
         displayName: string;
     };
 }

package/build/components/CoverImage.d.ts

@@ -7,7 +7,7 @@ import { Picture } from '../primitives/Picture.js';
  * @exports CoverImage.Content Component for optional content inside the image.
  * @exports CoverImage.Viewport Component for the viewport.
  */
-export declare function CoverImage({ ref, style, alt, aspectRatio: externalAspectRatio, children, loadingMode, source, onError, onLoad, onLoadStart, ...props }: Readonly<CoverImage.Props>): import("react/jsx-runtime").JSX.Element;
+export declare function CoverImage({ ref, style, alt, aspectRatio: externalAspectRatio, children, loadingMode, source, onError, onLoad, onLoadStart, ...props }: Readonly<CoverImage.Props>): import("react").JSX.Element;
 export declare namespace CoverImage {
     var displayName: string;
 }
@@ -30,14 +30,14 @@ export declare namespace CoverImage {
      * Component for optional content inside a {@link CoverImage}.
      */
     const Content: {
-        ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
         displayName: string;
     };
     /**
      * Component for the viewport of a {@link CoverImage}.
      */
     const Viewport: {
-        ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
         displayName: string;
     };
 }

package/build/components/CoverVideo.d.ts

@@ -7,7 +7,7 @@ import { Video } from '../primitives/Video.js';
  * @exports CoverVideo.Content Component for optional content inside the video.
  * @exports CoverVideo.Viewport Component for the viewport.
  */
-export declare function CoverVideo({ className, ref, style, aspectRatio: externalAspectRatio, autoLoop, autoPlay, children, playsInline, poster, source, hasControls, isMuted, onCanPlay, onEnd, onFullscreenChange, onLoadMetadata, onLoadMetadataComplete, onLoadMetadataError, onPause, onPlay, onSizeChange, ...props }: Readonly<CoverVideo.Props>): import("react/jsx-runtime").JSX.Element;
+export declare function CoverVideo({ className, ref, style, aspectRatio: externalAspectRatio, autoLoop, autoPlay, children, playsInline, poster, source, hasControls, isMuted, onCanPlay, onEnd, onFullscreenChange, onLoadMetadata, onLoadMetadataComplete, onLoadMetadataError, onPause, onPlay, onSizeChange, ...props }: Readonly<CoverVideo.Props>): import("react").JSX.Element;
 export declare namespace CoverVideo {
     var displayName: string;
 }
@@ -30,14 +30,14 @@ export declare namespace CoverVideo {
      * Component for optional content inside a {@link CoverVideo}.
      */
     const Content: {
-        ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
         displayName: string;
     };
     /**
      * Component for the viewport of a {@link CoverVideo}.
      */
     const Viewport: {
-        ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        ({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
         displayName: string;
     };
 }

package/build/components/OptionButton.d.ts

@@ -35,7 +35,7 @@ export declare namespace OptionButton {
 /**
  * A button component that cycles through a list of options when clicked.
  */
-export declare function OptionButton({ ref, index, options, isDisabled, onChange, ...props }: OptionButton.Props): import("react/jsx-runtime").JSX.Element;
+export declare function OptionButton({ ref, index, options, isDisabled, onChange, ...props }: OptionButton.Props): import("react").JSX.Element;
 export declare namespace OptionButton {
     var displayName: string;
 }

package/build/components/PanoramaSlider.d.ts

@@ -10,7 +10,7 @@ import { Panorama } from '../primitives/Panorama.js';
  *                                 FOV of the backing {@link Panorama}.
  * @exports Panorama.SliderTrack Component for the slide track.
  */
-export declare function PanoramaSlider({ className, ref, style, angle, autoDimension, children, fov, speed, src, viewportSize, zeroAnchor, onAngleChange, onDragEnd, onDragStart, onImageSizeChange, onLoadImageComplete, onLoadImageError, onLoadImageStart, onPositionChange, ...props }: Readonly<PanoramaSlider.Props>): import("react/jsx-runtime").JSX.Element;
+export declare function PanoramaSlider({ className, ref, style, angle, autoDimension, children, fov, speed, src, viewportSize, zeroAnchor, onAngleChange, onDragEnd, onDragStart, onImageSizeChange, onLoadImageComplete, onLoadImageError, onLoadImageStart, onPositionChange, ...props }: Readonly<PanoramaSlider.Props>): import("react").JSX.Element;
 export declare namespace PanoramaSlider {
     var displayName: string;
 }
@@ -49,21 +49,21 @@ export declare namespace PanoramaSlider {
      * Component for the active indicator of a {@link PanoramaSlider}.
      */
     const Indicator: {
-        ({ ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        ({ ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
         displayName: string;
     };
     /**
      * Component for the active reticle of a {@link PanoramaSlider}.
      */
     const Reticle: {
-        ({ ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        ({ ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
         displayName: string;
     };
     /**
      * Component for the slide track of a {@link PanoramaSlider}.
      */
     const Track: {
-        ({ ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        ({ ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
         displayName: string;
     };
 }

package/build/components/SelectableButton.d.ts

@@ -43,7 +43,7 @@ export declare namespace SelectableButton {
 /**
  * A button component that can be selected or deselected.
  */
-export declare function SelectableButton({ className, ref, children, label, isDeselectable, isDisabled, isSelected, onDeselect, onSelect, onToggle, ...props }: SelectableButton.Props): import("react/jsx-runtime").JSX.Element;
+export declare function SelectableButton({ className, ref, children, label, isDeselectable, isDisabled, isSelected, onDeselect, onSelect, onToggle, ...props }: SelectableButton.Props): import("react").JSX.Element;
 export declare namespace SelectableButton {
     var displayName: string;
 }

package/build/etudes.js

@@ -8906,16 +8906,16 @@ var ci = {
 	progress: K.zero,
 	start: K.zero
 }, li = a(ci), ui = a(!0), di = a(!1);
-function fi({ children: e, target: t }) {
-	let [n, r] = p(!0), [i, a] = p(!1), [o, s] = p(ci);
-	return fn(t, (e) => {
-		s(e), r(e.current.y <= e.start.y), a(e.current.y >= e.end.y);
+function fi({ children: e, scrollBottomOffset: t = 0, scrollTopOffset: n = 0, target: r }) {
+	let [i, a] = p(!0), [o, s] = p(!1), [c, l] = p(ci);
+	return fn(r, (e) => {
+		l(e), a(e.current.y <= e.start.y + n), s(e.current.y >= e.end.y - t);
 	}), /* @__PURE__ */ (0, O.jsx)(ui.Provider, {
-		value: n,
+		value: i,
 		children: /* @__PURE__ */ (0, O.jsx)(di.Provider, {
-			value: i,
+			value: o,
 			children: /* @__PURE__ */ (0, O.jsx)(li.Provider, {
-				value: o,
+				value: c,
 				children: e
 			})
 		})
@@ -8938,6 +8938,7 @@ function hi() {
 		start: K.zero
 	};
 }
+process.env.NODE_ENV === "development" && (fi.displayName = "ScrollPositionProvider", li.displayName = "ScrollPositionContext", ui.displayName = "ScrollTopContext", di.displayName = "ScrollBottomContext");
 //#endregion
 //#region src/utils/createKeyDeep.ts
 function gi(e) {