etudes 32.1.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

@@ -8900,53 +8900,64 @@ function si({ knobSize: e = q.zero, orientation: t = "horizontal", isInverted: n
 process.env.NODE_ENV === "development" && (ai.displayName = "Toggle", ai.Knob.displayName = "Toggle.Knob", ai.Track.displayName = "Toggle.Track");
 //#endregion
 //#region src/providers/ScrollPositionProvider.tsx
-var ci = a(void 0), li = a(void 0), ui = a(void 0);
-function di({ children: e, target: t }) {
-	let [n, r] = p(), [i, a] = p(), [o, s] = p();
-	return fn(t, (e) => {
-		s(e), r(e.current.y <= e.start.y), a(e.current.y >= e.end.y);
-	}), /* @__PURE__ */ (0, O.jsx)(li.Provider, {
-		value: n,
-		children: /* @__PURE__ */ (0, O.jsx)(ui.Provider, {
-			value: i,
-			children: /* @__PURE__ */ (0, O.jsx)(ci.Provider, {
-				value: o,
+var ci = {
+	current: K.zero,
+	end: K.zero,
+	progress: K.zero,
+	start: K.zero
+}, li = a(ci), ui = a(!0), di = a(!1);
+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: i,
+		children: /* @__PURE__ */ (0, O.jsx)(di.Provider, {
+			value: o,
+			children: /* @__PURE__ */ (0, O.jsx)(li.Provider, {
+				value: c,
 				children: e
 			})
 		})
 	});
 }
-function fi() {
-	let e = s(li);
-	return e === void 0 && console.warn("[etudes::useIsScrollTop] `useIsScrollTop` must be used within a `ScrollPositionProvider`"), e;
-}
 function pi() {
 	let e = s(ui);
-	return e === void 0 && console.warn("[etudes::useIsScrollBottom] `useIsScrollBottom` must be used within a `ScrollPositionProvider`"), e;
+	return e === void 0 && console.warn("[etudes::useIsScrollTop] `useIsScrollTop` must be used within a `ScrollPositionProvider`"), e ?? !0;
 }
 function mi() {
-	let e = s(ci);
-	return e || console.warn("[etudes::useScrollPosition] `useScrollPosition` must be used within a `ScrollPositionProvider`"), e;
+	let e = s(di);
+	return e === void 0 && console.warn("[etudes::useIsScrollBottom] `useIsScrollBottom` must be used within a `ScrollPositionProvider`"), e ?? !1;
+}
+function hi() {
+	let e = s(li);
+	return e || console.warn("[etudes::useScrollPosition] `useScrollPosition` must be used within a `ScrollPositionProvider`"), e ?? {
+		current: K.zero,
+		end: K.zero,
+		progress: K.zero,
+		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 hi(e) {
-	return e == null ? "" : Array.isArray(e) ? JSON.stringify(e.map(hi)) : typeof e == "object" ? JSON.stringify(Object.entries(e).sort(([e], [t]) => e.localeCompare(t)).map(([e, t]) => [e, hi(t)])) : _t(e);
+function gi(e) {
+	return e == null ? "" : Array.isArray(e) ? JSON.stringify(e.map(gi)) : typeof e == "object" ? JSON.stringify(Object.entries(e).sort(([e], [t]) => e.localeCompare(t)).map(([e, t]) => [e, gi(t)])) : _t(e);
 }
 //#endregion
 //#region src/utils/ExtractChildren.tsx
-function gi({ children: e, ...n }) {
+function _i({ children: e, ...n }) {
 	return /* @__PURE__ */ (0, O.jsx)(O.Fragment, { children: t.map(e, (e) => o(e) ? N(e, { ...n }) : e) });
 }
-process.env.NODE_ENV === "development" && (gi.displayName = "ExtractChildren");
+process.env.NODE_ENV === "development" && (_i.displayName = "ExtractChildren");
 //#endregion
 //#region src/utils/getSystemColorScheme.ts
-function _i() {
+function vi() {
 	return typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
 //#endregion
 //#region src/utils/NoSSR.tsx
-function vi({ children: e, fallback: t = void 0 }) {
+function yi({ children: e, fallback: t = void 0 }) {
 	let [n, i] = p(!1);
 	if (l(() => {
 		i(typeof window < "u");
@@ -8956,4 +8967,4 @@ function vi({ children: e, fallback: t = void 0 }) {
 	});
 }
 //#endregion
-export { Q as Accordion, I as Burger, R as BurgerButton, ft as Button, qn as Carousel, er as CodeInput, kn as Collection, kt as Conditional, or as Counter, it as CoverImage, ut as CoverVideo, cr as Dial, fr as Dropdown, At as Each, Nt as ExtractChild, gi as ExtractChildren, vr as Form, nt as Image, Qe as ImageSource, br as MasonryGrid, vi as NoSSR, ht as OptionButton, bt as Panorama, Et as PanoramaSlider, rt as Picture, $ as RangeSlider, k as Repeat, di as ScrollPositionProvider, Lr as ScrollableCarousel, Hr as Select, Ot as SelectableButton, Wr as Slider, Yr as StepSlider, P as Styled, ri as SwipeRegion, jt as Switch, ii as TextArea, ar as TextField, ai as Toggle, lt as Video, It as WithTooltip, A as asClassNameDict, j as asComponentDict, M as asStyleDict, N as cloneStyledElement, _t as createKey, hi as createKeyDeep, tn as createLocalCache, _n as createSessionCache, Cn as getStyle, _i as getSystemColorScheme, Zt as isTouchDevice, Pt as measureIntrinsicSize, wn as setStyle, Ft as setStyles, F as styles, Vt as useClassName, Ht as useClickOutside, Ut as useCopyBlobToClipboard, Kt as useDPR, Wt as useDownloadBlob, qt as useDrag, Jt as useDropzone, $e as useImageLoader, et as useImageSize, vt as useInertiaDrag, Je as useIntersectionObserver, Yt as useInterval, Xt as useIsMounted, pi as useIsScrollBottom, fi as useIsScrollTop, Qt as useIsTouchDevice, $t as useKeyboardShortcut, Z as useLatest, sn as useLocalCache, cn as useMouseEnter, ln as useMouseLeave, un as useOS, dn as usePrevious, Ze as useRect, mi as useScrollPosition, fn as useScrollPositionObserver, Sn as useSessionCache, yt as useSize, Ye as useSizeObserver, Tn as useStyle, En as useSystemColorScheme, Dn as useTimeout, ot as useVideoMetadataLoader, st as useVideoSize, Xe as useViewportSize };
+export { Q as Accordion, I as Burger, R as BurgerButton, ft as Button, qn as Carousel, er as CodeInput, kn as Collection, kt as Conditional, or as Counter, it as CoverImage, ut as CoverVideo, cr as Dial, fr as Dropdown, At as Each, Nt as ExtractChild, _i as ExtractChildren, vr as Form, nt as Image, Qe as ImageSource, br as MasonryGrid, yi as NoSSR, ht as OptionButton, bt as Panorama, Et as PanoramaSlider, rt as Picture, $ as RangeSlider, k as Repeat, fi as ScrollPositionProvider, Lr as ScrollableCarousel, Hr as Select, Ot as SelectableButton, Wr as Slider, Yr as StepSlider, P as Styled, ri as SwipeRegion, jt as Switch, ii as TextArea, ar as TextField, ai as Toggle, lt as Video, It as WithTooltip, A as asClassNameDict, j as asComponentDict, M as asStyleDict, N as cloneStyledElement, _t as createKey, gi as createKeyDeep, tn as createLocalCache, _n as createSessionCache, Cn as getStyle, vi as getSystemColorScheme, Zt as isTouchDevice, Pt as measureIntrinsicSize, wn as setStyle, Ft as setStyles, F as styles, Vt as useClassName, Ht as useClickOutside, Ut as useCopyBlobToClipboard, Kt as useDPR, Wt as useDownloadBlob, qt as useDrag, Jt as useDropzone, $e as useImageLoader, et as useImageSize, vt as useInertiaDrag, Je as useIntersectionObserver, Yt as useInterval, Xt as useIsMounted, mi as useIsScrollBottom, pi as useIsScrollTop, Qt as useIsTouchDevice, $t as useKeyboardShortcut, Z as useLatest, sn as useLocalCache, cn as useMouseEnter, ln as useMouseLeave, un as useOS, dn as usePrevious, Ze as useRect, hi as useScrollPosition, fn as useScrollPositionObserver, Sn as useSessionCache, yt as useSize, Ye as useSizeObserver, Tn as useStyle, En as useSystemColorScheme, Dn as useTimeout, ot as useVideoMetadataLoader, st as useVideoSize, Xe as useViewportSize };