etudes 10.2.1 → 11.0.0

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 type Orientation = 'horizontal' | 'vertical';
-export type StepwiseSliderProps = Omit<HTMLAttributes<HTMLDivElement>, 'aria-valuenow' | 'role'> & {
+export type StepSliderProps = Omit<HTMLAttributes<HTMLDivElement>, '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,
@@ -87,7 +87,7 @@ export type StepwiseSliderProps = Omit<HTMLAttributes<HTMLDivElement>, 'aria-val
     onDragStart?: () => void;
 };
 /**
- * A "stepwise" slider component supporting both horizontal and vertical
+ * A "step" slider component supporting both horizontal and vertical
  * orientations that automatically snaps to a set of predefined points on the
  * slider when dragged. These points are referred to as "steps", indexed by an
  * integer referred to as "index". This index can be two-way bound. The
@@ -99,13 +99,13 @@ export type StepwiseSliderProps = Omit<HTMLAttributes<HTMLDivElement>, 'aria-val
  * the slider. While dragging, the slider still emits a position change event,
  * where the position is a decimal ranging between 0.0 and 1.0, inclusive.
  *
- * @exports StepwiseSliderKnob The component for the knob.
- * @exports StepwiseSliderLabel The component for the label on the knob.
- * @exports StepwiseSliderTrack The component for the slide track on either side
+ * @exports StepSliderKnob The component for the knob.
+ * @exports StepSliderLabel The component for the label on the knob.
+ * @exports StepSliderTrack The component for the slide track on either side
  *                                of the knob.
  */
-export declare const StepwiseSlider: import('react').ForwardRefExoticComponent<Readonly<StepwiseSliderProps> & 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;
+export declare const StepSlider: import('react').ForwardRefExoticComponent<Readonly<StepSliderProps> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const StepSliderTrack: ({ ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const StepSliderKnob: ({ ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const StepSliderLabel: ({ ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/components/index.d.ts

@@ -18,7 +18,7 @@ export * from './PanoramaSlider.js';
 export * from './RangeSlider.js';
 export * from './SelectableButton.js';
 export * from './Slider.js';
-export * from './StepwiseSlider.js';
+export * from './StepSlider.js';
 export * from './SwipeRegion.js';
 export * from './TextField.js';
 export * from './Video.js';

package/build/etudes.js

@@ -4083,33 +4083,6 @@ function ac(r, n, { shouldInvokeInitially: s = !1 } = {}, c = []) {
     return () => clearInterval(u);
   }, [n, ...c]);
 }
-function as({ src: r }, { onLoadStart: n, onLoadComplete: s, onLoadError: c } = {}, l = []) {
-  const u = (m) => {
-    const x = m.currentTarget;
-    s?.(x);
-  }, p = (m) => {
-    const x = m.currentTarget;
-    c?.(x);
-  }, g = Te(void 0);
-  he(() => (g.current = document.createElement("video"), r && (g.current.src = r), g.current.addEventListener("loadedmetadata", u), g.current.addEventListener("error", p), n?.(g.current), () => {
-    g.current?.removeEventListener("loadedmetadata", u), g.current?.removeEventListener("error", p), g.current = void 0;
-  }), [r, ...l]);
-}
-function si(r, { sanitizeDependency: n = (s) => s } = {}) {
-  const s = Te(void 0);
-  return he(() => {
-    s.current = r;
-  }, [n(r)]), s.current;
-}
-function st(r) {
-  const [n, s] = ke(se.make()), c = (l) => {
-    const u = se.from(l);
-    u && s(u);
-  };
-  return Mn(r, {
-    onResize: (l) => c(l)
-  }), n;
-}
 function cc({ onChange: r }, n = []) {
   const s = () => {
     const u = c();
@@ -4129,6 +4102,21 @@ function cc({ onChange: r }, n = []) {
     window.removeEventListener("scroll", s), window.removeEventListener("resize", s), window.removeEventListener("orientationchange", s);
   }), [...n]);
 }
+function si(r, { sanitizeDependency: n = (s) => s } = {}) {
+  const s = Te(void 0);
+  return he(() => {
+    s.current = r;
+  }, [n(r)]), s.current;
+}
+function st(r) {
+  const [n, s] = ke(se.make()), c = (l) => {
+    const u = se.from(l);
+    u && s(u);
+  };
+  return Mn(r, {
+    onResize: (l) => c(l)
+  }), n;
+}
 function lc(r, n, {
   mapSearchParamToState: s,
   mapStateToSearchParam: c,
@@ -4140,7 +4128,7 @@ function lc(r, n, {
     M !== O && (M ? g.set(r, M) : g.delete(r), m(g));
   }, [w]), [w, N];
 }
-function cs(r = 0, { autoStart: n = !0, onTimeout: s } = {}, c = []) {
+function as(r = 0, { autoStart: n = !0, onTimeout: s } = {}, c = []) {
   const l = Te(void 0), u = Te(void 0), p = wr(() => {
     g(), !(r < 0) && (l.current = setTimeout(() => {
       g(), u.current?.();
@@ -4155,6 +4143,18 @@ function cs(r = 0, { autoStart: n = !0, onTimeout: s } = {}, c = []) {
       return n && p(), () => g();
   }, [r, ...c]), { start: p, stop: g, ref: l };
 }
+function cs({ src: r }, { onLoadStart: n, onLoadComplete: s, onLoadError: c } = {}, l = []) {
+  const u = (m) => {
+    const x = m.currentTarget;
+    s?.(x);
+  }, p = (m) => {
+    const x = m.currentTarget;
+    c?.(x);
+  }, g = Te(void 0);
+  he(() => (g.current = document.createElement("video"), r && (g.current.src = r), g.current.addEventListener("loadedmetadata", u), g.current.addEventListener("error", p), n?.(g.current), () => {
+    g.current?.removeEventListener("loadedmetadata", u), g.current?.removeEventListener("error", p), g.current = void 0;
+  }), [r, ...l]);
+}
 function ls({ src: r }, { preservesSizeBetweenLoads: n = !0, onLoadStart: s, onLoadComplete: c, onLoadError: l } = {}) {
   const u = (w) => {
     n || x(void 0), s?.(w);
@@ -4163,7 +4163,7 @@ function ls({ src: r }, { preservesSizeBetweenLoads: n = !0, onLoadStart: s, onL
   }, g = (w) => {
     n || x(void 0), l?.(w);
   }, [m, x] = ke(void 0);
-  return as({ src: r }, {
+  return cs({ src: r }, {
     onLoadStart: (w) => u(w),
     onLoadComplete: (w) => p(w),
     onLoadError: (w) => g(w)
@@ -4241,7 +4241,7 @@ const fc = /* @__PURE__ */ Se(({
           throw Error(`Unsupported orientation '${l}'`);
       }
     }
-  }, [s, c.length, l]), cs(ie || !q ? -1 : r, {
+  }, [s, c.length, l]), as(ie || !q ? -1 : r, {
     onTimeout: () => {
       const L = (n + c.length + 1) % c.length;
       O(L);
@@ -7470,10 +7470,10 @@ export {
   Jr as SliderKnob,
   Zr as SliderLabel,
   En as SliderTrack,
-  Sc as StepwiseSlider,
-  Qr as StepwiseSliderKnob,
-  ei as StepwiseSliderLabel,
-  Tn as StepwiseSliderTrack,
+  Sc as StepSlider,
+  Qr as StepSliderKnob,
+  ei as StepSliderLabel,
+  Tn as StepSliderTrack,
   Nc as SwipeRegion,
   ps as TextField,
   ys as Video,
@@ -7485,22 +7485,22 @@ export {
   Ut as createKey,
   Pr as createKeyDeep,
   le as styles,
-  sc as useClickOutsideEffect,
-  ts as useDragEffect,
-  Nt as useDragValueEffect,
+  sc as useClickOutside,
+  ts as useDrag,
+  Nt as useDragValue,
+  os as useImageLoader,
   oi as useImageSize,
   ac as useInterval,
-  os as useLoadImageEffect,
-  as as useLoadVideoMetadataEffect,
   Bo as useMounted,
+  cc as usePosition,
   si as usePrevious,
   st as useRect,
-  Mn as useResizeEffect,
   Oc as useScrollPosition,
-  cc as useScrollPositionEffect,
   lc as useSearchParamState,
   Ho as useSize,
-  cs as useTimeout,
+  Mn as useSizeObserver,
+  as as useTimeout,
+  cs as useVideoMetadataLoader,
   ls as useVideoSize,
   uc as useViewportSize
 };