@tempots/ui 0.21.0 → 0.22.1-next.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tempots/ui",
-  "version": "0.21.0",
+  "version": "0.22.1-next.0",
   "type": "module",
   "main": "./index.cjs",
   "module": "./index.js",
@@ -40,7 +40,7 @@
     "@floating-ui/dom": "^1.6.7"
   },
   "peerDependencies": {
-    "@tempots/dom": "23.0.2",
+    "@tempots/dom": "24.0.0-next.0",
     "@tempots/std": "0.16.0"
   }
 }

package/renderables/pop-over.d.ts

@@ -1,4 +1,4 @@
-import { TNode, DOMContext, Value } from '@tempots/dom';
+import { TNode, Value } from '@tempots/dom';
 /**
  * Represents the placement options for a pop-over.
  *
@@ -47,4 +47,4 @@ export type PopOverOptions = {
  * @returns The rendered PopOver component.
  * @public
  */
-export declare const PopOver: ({ content, open, placement, offset: { mainAxis, crossAxis }, }: PopOverOptions) => (ctx: DOMContext) => import('@tempots/dom').Clear;
+export declare const PopOver: ({ content, open, placement, offset: { mainAxis, crossAxis }, }: PopOverOptions) => import('@tempots/dom').Renderable;

package/renderables/router/browser-location.d.ts

@@ -0,0 +1,23 @@
+import { TNode, Prop } from '@tempots/dom';
+import { LocationData } from './location-data';
+/**
+ * Creates a location object based on the current browser location.
+ * @returns The location object representing the current browser location.
+ * @internal
+ */
+export declare const _makeLocation: () => LocationData;
+/**
+ * Creates a location prop that represents the current browser location.
+ * The location prop is updated whenever the browser location changes.
+ *
+ * @returns The location prop.
+ * @internal
+ */
+export declare const _makeLocationProp: () => Prop<LocationData>;
+/**
+ * Provides the location context to the child component.
+ * @param child - The child component to be wrapped with the location context.
+ * @returns The wrapped component with the location context.
+ * @public
+ */
+export declare const ProvideBrowserLocation: (child: TNode) => import('@tempots/dom').Renderable;

package/renderables/router/headless-location.d.ts

@@ -0,0 +1,9 @@
+import { TNode, Prop } from '@tempots/dom';
+export declare const isAbsoluteURL: (url: string) => boolean;
+/**
+ * Provides the location context to the child component.
+ * @param child - The child component to be wrapped with the location context.
+ * @returns The wrapped component with the location context.
+ * @public
+ */
+export declare const ProvideHeadlessLocation: (url: Prop<string>, child: TNode) => import('@tempots/dom').Renderable;

package/renderables/router/location-data.d.ts

@@ -0,0 +1,51 @@
+import { Prop } from '@tempots/dom';
+/**
+ * Represents the data for a location.
+ *
+ * @public
+ */
+export type LocationData = {
+    /**
+     * The pathname of the location.
+     */
+    readonly pathname: string;
+    /**
+     * The search parameters of the location.
+     */
+    readonly search: Record<string, string>;
+    /**
+     * The hash of the location.
+     */
+    readonly hash?: string;
+};
+/**
+ * Compares two location objects and returns true if they are equal, false otherwise.
+ * @param a - The first location object to compare.
+ * @param b - The second location object to compare.
+ * @returns True if the location objects are equal, false otherwise.
+ * @public
+ */
+export declare const areLocationsEqual: (a: LocationData, b: LocationData) => boolean;
+/**
+ * Converts a URL string into a LocationData object.
+ * @param url - The URL string to convert.
+ * @returns The LocationData object representing the URL.
+ * @public
+ */
+export declare const locationFromURL: (url: string, baseUrl?: string) => LocationData;
+/**
+ * Sets the location from the given URL and updates the specified property.
+ * @param prop - The property to update with the new location.
+ * @param url - The URL from which to extract the location.
+ * @returns The updated property.
+ * @public
+ */
+export declare const setLocationFromUrl: (prop: Prop<LocationData>, url: string) => Prop<LocationData>;
+/**
+ * Returns the full URL based on the provided location data.
+ *
+ * @param location - The location data object.
+ * @returns The full URL string.
+ * @public
+ */
+export declare const urlFromLocation: (location: LocationData) => string;

package/renderables/router/location.d.ts

@@ -1,74 +1,11 @@
 import { TNode, Prop } from '@tempots/dom';
-/**
- * Represents the data for a location.
- *
- * @public
- */
-export type LocationData = {
-    /**
-     * The pathname of the location.
-     */
-    readonly pathname: string;
-    /**
-     * The search parameters of the location.
-     */
-    readonly search: Record<string, string>;
-    /**
-     * The hash of the location.
-     */
-    readonly hash?: string;
-};
+import { LocationData } from './location-data';
 /**
  * Marker for the LocationProvider.
  *
  * @public
  */
 export declare const LocationProviderMarker: import('@tempots/dom').ProviderMark<Prop<LocationData>>;
-/**
- * Creates a location object based on the current browser location.
- * @returns The location object representing the current browser location.
- * @internal
- */
-export declare const _makeLocation: () => LocationData;
-/**
- * Compares two location objects and returns true if they are equal, false otherwise.
- * @param a - The first location object to compare.
- * @param b - The second location object to compare.
- * @returns True if the location objects are equal, false otherwise.
- * @public
- */
-export declare const areLocationsEqual: (a: LocationData, b: LocationData) => boolean;
-/**
- * Converts a URL string into a LocationData object.
- * @param url - The URL string to convert.
- * @returns The LocationData object representing the URL.
- * @public
- */
-export declare const locationFromURL: (url: string) => LocationData;
-/**
- * Sets the location from the given URL and updates the specified property.
- * @param prop - The property to update with the new location.
- * @param url - The URL from which to extract the location.
- * @returns The updated property.
- * @public
- */
-export declare const setLocationFromUrl: (prop: Prop<LocationData>, url: string) => Prop<LocationData>;
-/**
- * Returns the full URL based on the provided location data.
- *
- * @param location - The location data object.
- * @returns The full URL string.
- * @public
- */
-export declare const urlFromLocation: (location: LocationData) => string;
-/**
- * Creates a location prop that represents the current browser location.
- * The location prop is updated whenever the browser location changes.
- *
- * @returns The location prop.
- * @internal
- */
-export declare const _makeLocationProp: () => Prop<LocationData>;
 /**
  * Provides the location context to the child component.
  * @param child - The child component to be wrapped with the location context.

package/renderables/size.d.ts

@@ -6,7 +6,7 @@ import { DOMContext, Signal, TNode, Size } from '@tempots/dom';
  * @returns A function that takes a DOMContext and returns a renderable function.
  * @public
  */
-export declare const ElementSize: (fn: (size: Signal<Size>) => TNode) => (ctx: DOMContext) => (removeTree: boolean) => void;
+export declare const ElementSize: (fn: (size: Signal<Size>) => TNode) => import('@tempots/dom').Renderable;
 /**
  * Creates a renderable function that monitors the window size and invokes the provided function with the current size.
  * @param fn - The function to be invoked with the current window size.