@tempots/ui 13.3.0 → 14.0.1

package/README.md

@@ -4,6 +4,8 @@ A collection of reusable UI components and renderables built on top of @tempots/
 
 [![npm version](https://img.shields.io/npm/v/@tempots/ui.svg)](https://www.npmjs.com/package/@tempots/ui)
 [![license](https://img.shields.io/npm/l/@tempots/ui.svg)](https://github.com/fponticelli/tempots/blob/main/LICENSE)
+[![codecov](https://codecov.io/gh/fponticelli/tempots/branch/main/graph/badge.svg)](https://codecov.io/gh/fponticelli/tempots)
+[![CI](https://github.com/fponticelli/tempots/workflows/CI/badge.svg)](https://github.com/fponticelli/tempots/actions)
 
 ## Installation
 

package/dom/animatable.d.ts

@@ -73,7 +73,7 @@ export declare const interpolateColor: (startColor: string, endColor: string) =>
 export declare const interpolateShadow: (startShadow: string, endShadow: string) => ((t: number) => string);
 export declare const getComputedAnimatableProp: (styles: CSSStyleDeclaration, key: keyof AnimatableProps) => AnimatableProps[typeof key];
 export declare const getComputedAnimatable: (el: HTMLElement, styles: AnimatableProps) => AnimatableProps;
-export declare const applyAnimatableProp: (el: HTMLElement, key: keyof AnimatableProps, value: AnimatableProps[typeof key]) => void;
-export declare const applyInterpolatedAnimatableProp: (el: HTMLElement, key: keyof AnimatableProps, from: AnimatableProps[typeof key], to: AnimatableProps[typeof key], progress: number) => void;
+export declare const applyAnimatableProp: (el: HTMLElement, key: keyof AnimatableProps, value: AnimatableProps[typeof key], transforms: string[], filters: string[]) => void;
+export declare const applyInterpolatedAnimatableProp: (el: HTMLElement, key: keyof AnimatableProps, from: AnimatableProps[typeof key], to: AnimatableProps[typeof key], progress: number, transforms: string[], filters: string[]) => void;
 export declare const applyInterpolatedAnimatable: (el: HTMLElement, from: AnimatableProps, to: AnimatableProps, progress: number) => void;
 export declare const applyAnimatable: (el: HTMLElement, styles: AnimatableProps) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tempots/ui",
-  "version": "13.3.0",
+  "version": "14.0.1",
   "type": "module",
   "main": "./index.cjs",
   "module": "./index.js",
@@ -40,7 +40,7 @@
     "@floating-ui/dom": "^1.7.1"
   },
   "peerDependencies": {
-    "@tempots/dom": "^34.3.0",
-    "@tempots/std": "^0.24.0"
+    "@tempots/dom": "^35.0.1",
+    "@tempots/std": "^0.25.2"
   }
 }

package/renderables/mutation.d.ts

@@ -13,8 +13,8 @@ export interface MutationContentOptions<Req, Res, E> {
 /**
  * Options for displaying the different states of an asynchronous resource.
  *
- * @template Res - The type of the value when the resource is successfully loaded.
- * @template E - The type of the error when the resource fails to load.
+ * @typeParam Res - The type of the value when the resource is successfully loaded.
+ * @typeParam E - The type of the error when the resource fails to load.
  * @public
  */
 export interface MutationDisplayOptions<Req, Res, E> {
@@ -24,9 +24,9 @@ export interface MutationDisplayOptions<Req, Res, E> {
 /**
  * Component to display an asynchronous mutation based on its current status.
  *
- * @template Req - The type of the request.
- * @template Res - The type of the value when the resource is successfully loaded.
- * @template E - The type of the error when the resource fails to load.
+ * @typeParam Req - The type of the request.
+ * @typeParam Res - The type of the value when the resource is successfully loaded.
+ * @typeParam E - The type of the error when the resource fails to load.
  *
  * @param {MutationResource<Req, Res, E>} resource - The asynchronous resource to display.
  * @param {MutationDisplayOptions<Req, Res, E>} options - The display options for the resource.
@@ -41,9 +41,9 @@ export declare const MutationDisplay: <Req, Res, E>(resource: MutationResource<R
  * loading, success, and error states. It automatically manages the lifecycle of
  * async requests and provides reload functionality.
  *
- * @template Req - The type of the request.
- * @template Res - The type of the value when the resource is successfully loaded.
- * @template E - The type of the error when the resource fails to load.
+ * @typeParam Req - The type of the request.
+ * @typeParam Res - The type of the value when the resource is successfully loaded.
+ * @typeParam E - The type of the error when the resource fails to load.
  *
  * @param {MutationResource<Req, Res, E>} resource - The asynchronous resource to display.
  * @param {MutationDisplayOptions<Req, Res, E>} options - The display options for the resource.

package/renderables/query.d.ts

@@ -4,8 +4,8 @@ import { AsyncResult, NonLoading } from '@tempots/std';
 /**
  * Options for displaying the different states of an asynchronous query.
  *
- * @template Res - The type of the value when the query is successfully loaded.
- * @template E - The type of the error when the query fails to load.
+ * @typeParam Res - The type of the value when the query is successfully loaded.
+ * @typeParam E - The type of the error when the query fails to load.
  * @public
  */
 export interface QueryDisplayOptions<Res, E> {
@@ -29,8 +29,8 @@ export interface QueryDisplayOptions<Res, E> {
 /**
  * Component to display an asynchronous query based on its current status.
  *
- * @template Res - The type of the value when the query is successfully loaded.
- * @template E - The type of the error when the query fails to load.
+ * @typeParam Res - The type of the value when the query is successfully loaded.
+ * @typeParam E - The type of the error when the query fails to load.
  *
  * @param {QueryResource<Res, E>} query - The asynchronous query to display.
  * @param {QueryDisplayOptions<Res, E>} options - The display options for the query.
@@ -145,9 +145,9 @@ export declare const QueryDisplay: <Res, E>(query: QueryResource<Res, E>, option
  * })
  * ```
  *
- * @template Req - The type of the request parameter
- * @template Res - The type of the successful result value
- * @template E - The type of the error (defaults to unknown)
+ * @typeParam Req - The type of the request parameter
+ * @typeParam Res - The type of the successful result value
+ * @typeParam E - The type of the error (defaults to unknown)
  * @param options - Configuration object for the query
  * @param options.request - Signal or value representing the request parameters
  * @param options.load - Async function that loads the query

package/renderables/router/location.d.ts

@@ -1,4 +1,4 @@
-import { Provider, Signal, Value } from '@tempots/dom';
+import { Provider, Signal, SplitValue } from '@tempots/dom';
 import { LocationData } from './location-data';
 import { NavigationOptions } from './navigation-options';
 export type { NavigationOptions } from './navigation-options';
@@ -115,7 +115,7 @@ export type LocationHandle = {
     /**
      * Returns a reactive signal that mirrors the result of `match`.
      */
-    matchSignal: (matcher: Value<string | RegExp | ((location: LocationData) => boolean)>, options?: LocationMatchOptions) => Signal<boolean>;
+    matchSignal: (matcher: SplitValue<string | RegExp | ((location: LocationData) => boolean)>, options?: LocationMatchOptions) => Signal<boolean>;
 };
 /**
  * Draft object provided inside `LocationHandle.run` for staged updates.

package/renderables/router/router.d.ts

@@ -36,7 +36,7 @@ import { ExtractParams, MakeParams, RouteInfo } from './route-info';
  * })
  * ```
  *
- * @template T - The type of the routes configuration object
+ * @typeParam T - The type of the routes configuration object
  * @param routes - Object mapping route patterns to handler functions
  * @returns A renderable router component that handles URL routing and provides context
  * @throws {Error} When no matching route is found for the current URL
@@ -83,7 +83,7 @@ export declare const RootRouter: <T extends { [K in keyof T]: (info: K extends s
  * })
  * ```
  *
- * @template T - The type of the routes configuration object
+ * @typeParam T - The type of the routes configuration object
  * @param routes - Object mapping route patterns to handler functions
  * @returns A renderable router component that handles nested URL routing
  * @throws {Error} When no matching route is found for the remaining path

package/utils/mutation-resource.d.ts

@@ -4,9 +4,9 @@ import { AsyncResult, NonLoading } from '@tempots/std';
  * A write-side wrapper for async state around POST/PUT/PATCH/DELETE.
  * Mirrors AsyncResource but the action is explicit (execute), not implicit (reload).
  *
- * @template Req - The request payload/type you send.
- * @template Res - The response/value you get back on success.
- * @template E   - The error type on failure.
+ * @typeParam Req - The request payload/type you send.
+ * @typeParam Res - The response/value you get back on success.
+ * @typeParam E   - The error type on failure.
  */
 export interface MutationResource<Req, Res, E> {
     /** Current async status (Idle | Loading | Success | Failure). */

package/utils/query-resource.d.ts

@@ -4,8 +4,8 @@ import { AsyncResult, NonLoading } from '@tempots/std';
  * Represents an asynchronous query with its current status, value, error, and loading state.
  * Provides methods to reload the query and dispose of it.
  *
- * @template Res - The type of the value when the query is successfully loaded.
- * @template E - The type of the error when the query fails to load.
+ * @typeParam Res - The type of the value when the query is successfully loaded.
+ * @typeParam E - The type of the error when the query fails to load.
  * @public
  */
 export interface QueryResource<Res, E> {
@@ -27,9 +27,9 @@ export interface QueryResource<Res, E> {
 /**
  * Options for loading a query, including the request, abort signal, and previous result.
  *
- * @template Req - The type of the request.
- * @template Res - The type of the value when the query is successfully loaded.
- * @template E - The type of the error when the query fails to load.
+ * @typeParam Req - The type of the request.
+ * @typeParam Res - The type of the value when the query is successfully loaded.
+ * @typeParam E - The type of the error when the query fails to load.
  * @public
  */
 export interface QueryResourceLoadOptions<Req, Res, E> {
@@ -47,9 +47,9 @@ export interface QueryResourceLoadOptions<Req, Res, E> {
 /**
  * Creates an asynchronous query that can be loaded, reloaded, and disposed of.
  *
- * @template R - The type of the request.
- * @template V - The type of the value when the query is successfully loaded.
- * @template E - The type of the error when the query fails to load.
+ * @typeParam R - The type of the request.
+ * @typeParam V - The type of the value when the query is successfully loaded.
+ * @typeParam E - The type of the error when the query fails to load.
  *
  * @param request - The request to load the query.
  * @param load - The function to load the query.