etudes 28.2.2 → 28.3.0

package/build/hooks/useDrag.d.ts

@@ -17,7 +17,7 @@ export type UseDragOptions = {
      *
      * @param startPosition The element that was dragged.
      */
-    onDragStart?: (startPosition: Point) => void;
+    onDragStart?: (startPosition: Point.Point) => void;
     /**
      * Handler invoked when dragging.
      *
@@ -27,7 +27,7 @@ export type UseDragOptions = {
      *                        at.
      * @param startPosition The position (in pixels) where the drag started.
      */
-    onDragMove?: (displacement: Point, currentPosition: Point, startPosition: Point) => void;
+    onDragMove?: (displacement: Point.Point, currentPosition: Point.Point, startPosition: Point.Point) => void;
     /**
      * Handler invoked when dragging ends.
      *
@@ -36,7 +36,7 @@ export type UseDragOptions = {
      * @param endPosition The position (in pixels) where the drag ended.
      * @param startPosition The position (in pixels) where the drag started.
      */
-    onDragEnd?: (displacement: Point, endPosition: Point, startPosition: Point) => void;
+    onDragEnd?: (displacement: Point.Point, endPosition: Point.Point, startPosition: Point.Point) => void;
 };
 /**
  * Hook for adding dragging interaction to an element.

package/build/hooks/useImageSize.d.ts

@@ -23,4 +23,4 @@ export type UseImageSizeOptions = {
  * @returns The actual size of the image if loading was successful, `undefined`
  *          otherwise.
  */
-export declare function useImageSize({ sizes, src, srcSet, }: UseImageSizeParams, { preservesSizeBetweenLoads, onError, onLoad, onLoadStart, }?: UseImageSizeOptions): Size | undefined;
+export declare function useImageSize({ sizes, src, srcSet, }: UseImageSizeParams, { preservesSizeBetweenLoads, onError, onLoad, onLoadStart, }?: UseImageSizeOptions): Size.Size | undefined;

package/build/hooks/useInertiaDrag.d.ts

@@ -12,7 +12,7 @@ export type UseInertiaDragOptions = {
     /**
      * Handler invoked when dragging starts.
      */
-    onDragStart?: (startPosition: Point) => void;
+    onDragStart?: (startPosition: Point.Point) => void;
     /**
      * Handler invoked when dragging.
      *
@@ -22,14 +22,14 @@ export type UseInertiaDragOptions = {
      *                        currently at.
      * @param startPosition The position (in pixels) where the drag started.
      */
-    onDragMove?: (displacement: Point, currentPosition: Point, startPosition: Point) => void;
+    onDragMove?: (displacement: Point.Point, currentPosition: Point.Point, startPosition: Point.Point) => void;
     /**
      * Handler invoked when dragging ends.
      *
      * @param endPosition The position (in pixels) where the drag ended.
      * @param startPosition The position (in pixels) where the drag started.
      */
-    onDragEnd?: (endPosition: Point, startPosition: Point) => void;
+    onDragEnd?: (endPosition: Point.Point, startPosition: Point.Point) => void;
 } & Omit<InteractDraggableOptions, 'onend' | 'onmove' | 'onstart'>;
 /**
  * Hook for adding dragging interaction to an element.

package/build/hooks/useRect.d.ts

@@ -6,6 +6,6 @@ import { Rect } from 'spase';
  *
  * @param target The target element or reference.
  *
- * @returns The most current {@link Rect} of the target element.
+ * @returns The most current rect of the target element.
  */
-export declare function useRect(target: HTMLElement | null | RefObject<HTMLElement> | RefObject<HTMLElement | null> | RefObject<HTMLElement | undefined> | undefined): Rect;
+export declare function useRect(target: HTMLElement | null | RefObject<HTMLElement> | RefObject<HTMLElement | null> | RefObject<HTMLElement | undefined> | undefined): Rect.Rect;

package/build/hooks/useScrollPosition.d.ts

@@ -1,10 +1,10 @@
 import { DependencyList, RefObject } from 'react';
 import { Point } from 'spase';
 export type ScrollPositionInfo = {
-    current: Point;
-    end: Point;
-    progress: Point;
-    start: Point;
+    current: Point.Point;
+    end: Point.Point;
+    progress: Point.Point;
+    start: Point.Point;
 };
 type Target = HTMLElement | null | RefObject<HTMLElement> | RefObject<HTMLElement | null> | RefObject<HTMLElement | undefined> | undefined;
 /**

package/build/hooks/useSize.d.ts

@@ -5,6 +5,6 @@ import { Size } from 'spase';
  *
  * @param target Reference to the target element.
  *
- * @returns The most current {@link Size} of the target element.
+ * @returns The most current size of the target element.
  */
-export declare function useSize(target: HTMLElement | null | RefObject<HTMLElement> | RefObject<HTMLElement | null> | RefObject<HTMLElement | undefined> | undefined): Size;
+export declare function useSize(target: HTMLElement | null | RefObject<HTMLElement> | RefObject<HTMLElement | null> | RefObject<HTMLElement | undefined> | undefined): Size.Size;

package/build/hooks/useVideoSize.d.ts

@@ -19,5 +19,5 @@ type UseVideoSizeOptions = {
  * @returns The actual size of the video if loading was successful, `undefined`
  *          otherwise.
  */
-export declare function useVideoSize(src?: string, { preservesSizeBetweenLoads, onError, onLoad, onLoadStart, }?: UseVideoSizeOptions): Size | undefined;
+export declare function useVideoSize(src?: string, { preservesSizeBetweenLoads, onError, onLoad, onLoadStart, }?: UseVideoSizeOptions): Size.Size | undefined;
 export {};

package/build/hooks/useViewportSize.d.ts

@@ -4,4 +4,4 @@ import { Size } from 'spase';
  *
  * @returns The most current viewport size.
  */
-export declare function useViewportSize(): Size;
+export declare function useViewportSize(): Size.Size;

package/build/primitives/Image.d.ts

@@ -45,7 +45,7 @@ export declare namespace Image {
          *
          * @param size Size of the loaded image.
          */
-        onSizeChange?: (size?: Size) => void;
+        onSizeChange?: (size?: Size.Size) => void;
     } & Omit<ImgHTMLAttributes<HTMLImageElement>, 'alt' | 'loading' | 'onError' | 'onLoad' | 'onLoadStart' | 'sizes' | 'src' | 'srcSet'>;
 }
 /**

package/build/primitives/Panorama.d.ts

@@ -77,7 +77,7 @@ export declare namespace Panorama {
          * @param size The actual size of the loaded image. If no images are loaded
          *               yet, the size is `undefined`.
          */
-        onImageSizeChange?: (size?: Size) => void;
+        onImageSizeChange?: (size?: Size.Size) => void;
     } & Omit<HTMLAttributes<HTMLDivElement>, 'aria-valuenow' | 'role'>;
 }
 /**

package/build/primitives/Select.d.ts

@@ -7,7 +7,7 @@ import { HTMLAttributes, Ref } from 'react';
  * @exports Select.Option Component for each option.
  * @exports Select.Toggle Component for the toggle.
  */
-export declare function Select<T extends string>({ id, ref, children, formatValue, name, options, placeholder, value, isRequired, onChange, ...props }: Select.Props<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Select<T extends string>({ id, ref, children, name, options, placeholder, value, isRequired, formatValue, onChange, ...props }: Select.Props<T>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Select {
     var displayName: string;
 }

package/build/primitives/Video.d.ts

@@ -77,7 +77,7 @@ export declare namespace Video {
          *
          * @param size The new size of the video.
          */
-        onSizeChange?: (size?: Size) => void;
+        onSizeChange?: (size?: Size.Size) => void;
         /**
          * Handler invoked when the video time updates.
          *

package/build/utils/measureIntrinsicSize.d.ts

@@ -9,4 +9,4 @@ import { Size } from 'spase';
  * @returns The intrinsic size of the element, considering the max width
  *          constraint if provided.
  */
-export declare function measureIntrinsicSize(element: HTMLElement, maxWidth?: number): Size;
+export declare function measureIntrinsicSize(element: HTMLElement, maxWidth?: number): Size.Size;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "etudes",
-  "version": "28.2.2",
+  "version": "28.3.0",
   "description": "A study of headless React components",
   "type": "module",
   "sideEffects": false,
@@ -24,7 +24,8 @@
     "prepages": "rimraf .gh-pages",
     "pages": "vite build -c demo/vite.config.ts",
     "dev": "concurrently \"vite build -w\" \"wait-on build && vite dev --host -c demo/vite.config.ts --port 8080\"",
-    "test": "vitest run --coverage",
+    "test": "npm run test:unit",
+    "test:unit": "vitest run --coverage",
     "typecheck": "tsc --noEmit",
     "lint": "eslint",
     "lint:fix": "eslint --fix"
@@ -55,15 +56,15 @@
     "@vitejs/plugin-react": "^6.0.1",
     "@vitest/coverage-v8": "^4.1.4",
     "concurrently": "^9.2.1",
-    "eslint": "^10.2.0",
-    "eslint-plugin-perfectionist": "^5.8.0",
+    "eslint": "^10.2.1",
+    "eslint-plugin-perfectionist": "^5.9.0",
     "happy-dom": "^20.9.0",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "rimraf": "^6.1.3",
     "semantic-release": "^25.0.3",
     "tailwindcss": "^4.2.2",
-    "typescript": "^6.0.2",
+    "typescript": "^6.0.3",
     "typescript-eslint": "^8.58.2",
     "vite": "^8.0.8",
     "vite-plugin-dts": "^4.5.4",
@@ -73,9 +74,9 @@
   "dependencies": {
     "clsx": "^2.1.1",
     "fast-deep-equal": "^3.1.3",
-    "fast-xml-parser": "^5.6.0",
+    "fast-xml-parser": "^5.7.1",
     "interactjs": "^1.10.27",
-    "spase": "^12.1.0"
+    "spase": "^13.0.0"
   },
   "peerDependencies": {
     "react": "^19.0.0"