@tempots/ui 2.1.0 → 2.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tempots/ui",
-  "version": "2.1.0",
+  "version": "2.3.0",
   "type": "module",
   "main": "./index.cjs",
   "module": "./index.js",

package/renderables/appearance.d.ts

@@ -1,4 +1,4 @@
-import { Signal, TNode, Renderable } from '@tempots/dom';
+import { Signal, Provider } from '@tempots/dom';
 /**
  * Defines the possible appearance types for the application.
  *
@@ -6,12 +6,7 @@ import { Signal, TNode, Renderable } from '@tempots/dom';
  */
 export type AppearanceType = 'light' | 'dark';
 /**
- * A provider mark for a signal representing the current appearance type.
- * @public
- */
-export declare const appearanceMarker: import('@tempots/dom').ProviderMark<Signal<AppearanceType>>;
-/**
- * Provides a child component with an appearance context, which can be used to
+ * A provider that provides a child component with an appearance context, which can be used to
  * determine the current appearance (light or dark) based on the user's system
  * preferences.
  *
@@ -22,13 +17,4 @@ export declare const appearanceMarker: import('@tempots/dom').ProviderMark<Signa
  * @returns The child component with the appearance context.
  * @public
  */
-export declare const ProvideAppearance: (child: (appearance: Signal<AppearanceType>) => TNode) => Renderable;
-/**
- * Makes the AppearanceType available to the child component by consuming the signal provided by the parent.
- * The result of the function is returned as the final output.
- *
- * @param fn - A function that accepts the `AppearanceType` signal and returns a `TNode` element.
- * @returns The `TNode` element returned by the provided function.
- * @public
- */
-export declare const UseAppearance: (fn: (appearance: Signal<AppearanceType>) => TNode) => TNode;
+export declare const Appearance: Provider<Signal<AppearanceType>>;

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

@@ -1,9 +1,12 @@
-import { TNode, Prop } from '@tempots/dom';
 import { LocationData } from './location-data';
 /**
- * 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
+ * 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 ProvideBrowserLocation: (child: (location: Prop<LocationData>) => TNode) => import('@tempots/dom').Renderable;
+export declare const makeBrowserLocationProp: () => {
+    value: import('@tempots/dom').Prop<LocationData>;
+    dispose: () => void;
+};

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

@@ -1,4 +1,4 @@
-import { TNode, Prop } from '@tempots/dom';
+import { HeadlessContext } from '@tempots/dom';
 import { LocationData } from './location-data';
 export declare const isAbsoluteURL: (url: string) => boolean;
 /**
@@ -7,4 +7,7 @@ export declare const isAbsoluteURL: (url: string) => boolean;
  * @returns The wrapped component with the location context.
  * @public
  */
-export declare const ProvideHeadlessLocation: (url: Prop<string>, child: (location: Prop<LocationData>) => TNode) => import('@tempots/dom').Renderable;
+export declare const makeHeadlessLocationProp: (ctx: HeadlessContext) => {
+    value: import('@tempots/dom').Prop<LocationData>;
+    dispose: () => void;
+};

package/renderables/router/location.d.ts

@@ -1,22 +1,9 @@
-import { TNode, Prop } from '@tempots/dom';
+import { Prop, Provider } from '@tempots/dom';
 import { LocationData } from './location-data';
 /**
- * Marker for the LocationProvider.
- *
- * @public
- */
-export declare const LocationProviderMarker: import('@tempots/dom').ProviderMark<Prop<LocationData>>;
-/**
- * Provides the location context to the child component.
+ * Provider for the location context.
  * @param child - The child component to be wrapped with the location context.
  * @returns The wrapped component with the location context.
  * @public
  */
-export declare const ProvideLocation: (child: (location: Prop<LocationData>) => TNode) => import('@tempots/dom').Renderable;
-/**
- * A hook that provides the current location data to the given function.
- * @param fn - The function that receives the location data.
- * @returns A function that can be used to clean up the resources when the location changes.
- * @public
- */
-export declare const UseLocation: (fn: (location: Prop<LocationData>) => TNode) => import('@tempots/dom').Renderable;
+export declare const Location: Provider<Prop<LocationData>>;

package/browser-location-Td-R3jYM.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@tempots/dom"),r=require("./index.cjs"),c=()=>{const o=a.getWindow(),e=(o==null?void 0:o.location.hash)===""?void 0:(o==null?void 0:o.location.hash.substring(1))??void 0;return{pathname:(o==null?void 0:o.location.pathname)??"",search:Object.fromEntries(new URLSearchParams((o==null?void 0:o.location.search)??"").entries()),hash:e}},i=()=>{const o=a.prop(c(),r.areLocationsEqual),e=a.getWindow(),s=()=>{let t=(e==null?void 0:e.location.hash)??"";t.startsWith("#")&&(t=t.substring(1));const n={pathname:(e==null?void 0:e.location.pathname)??"",search:Object.fromEntries(new URLSearchParams((e==null?void 0:e.location.search)??"").entries()),hash:t===""?void 0:t};o.set(n)};return e==null||e.addEventListener("popstate",s),o.onDispose(()=>{e==null||e.removeEventListener("popstate",s)}),o.on(t=>{e==null||e.history.pushState({},"",r.urlFromLocation(t))}),o},h=o=>{const e=i();return a.Fragment(a.OnDispose(e.dispose),a.SetProvider(r.LocationProviderMarker,e,o))};exports.ProvideBrowserLocation=h;

package/browser-location-Wn6jT0ta.js

@@ -1,39 +0,0 @@
-import { Fragment as n, OnDispose as c, SetProvider as h, prop as i, getWindow as r } from "@tempots/dom";
-import { LocationProviderMarker as p, areLocationsEqual as m, urlFromLocation as d } from "./index.js";
-const l = () => {
-  const t = r(), o = (t == null ? void 0 : t.location.hash) === "" ? void 0 : (t == null ? void 0 : t.location.hash.substring(1)) ?? void 0;
-  return {
-    pathname: (t == null ? void 0 : t.location.pathname) ?? "",
-    search: Object.fromEntries(
-      new URLSearchParams((t == null ? void 0 : t.location.search) ?? "").entries()
-    ),
-    hash: o
-  };
-}, u = () => {
-  const t = i(l(), m), o = r(), a = () => {
-    let e = (o == null ? void 0 : o.location.hash) ?? "";
-    e.startsWith("#") && (e = e.substring(1));
-    const s = {
-      pathname: (o == null ? void 0 : o.location.pathname) ?? "",
-      search: Object.fromEntries(
-        new URLSearchParams((o == null ? void 0 : o.location.search) ?? "").entries()
-      ),
-      hash: e === "" ? void 0 : e
-    };
-    t.set(s);
-  };
-  return o == null || o.addEventListener("popstate", a), t.onDispose(() => {
-    o == null || o.removeEventListener("popstate", a);
-  }), t.on((e) => {
-    o == null || o.history.pushState({}, "", d(e));
-  }), t;
-}, v = (t) => {
-  const o = u();
-  return n(
-    c(o.dispose),
-    h(p, o, t)
-  );
-};
-export {
-  v as ProvideBrowserLocation
-};

package/headless-location-24MkNdBT.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@tempots/dom"),e=require("./index.cjs"),i=t=>t.startsWith("http://")||t.startsWith("https://")||t.startsWith("//"),u=(t,a)=>{const n=t.iso(o=>e.locationFromURL(o),o=>{if(i(o.pathname))return e.urlFromLocation(o);const s=new URL(o.pathname,t.value),c=s.origin+s.pathname;return e.urlFromLocation({...o,pathname:c})});return r.Fragment(r.OnDispose(n.dispose),r.SetProvider(e.LocationProviderMarker,n,a))};exports.ProvideHeadlessLocation=u;exports.isAbsoluteURL=i;

package/headless-location-CR5zPUNK.js

@@ -1,21 +0,0 @@
-import { Fragment as a, OnDispose as m, SetProvider as p } from "@tempots/dom";
-import { locationFromURL as c, urlFromLocation as e, LocationProviderMarker as h } from "./index.js";
-const L = (t) => t.startsWith("http://") || t.startsWith("https://") || t.startsWith("//"), v = (t, s) => {
-  const r = t.iso(
-    (o) => c(o),
-    (o) => {
-      if (L(o.pathname))
-        return e(o);
-      const n = new URL(o.pathname, t.value), i = n.origin + n.pathname;
-      return e({ ...o, pathname: i });
-    }
-  );
-  return a(
-    m(r.dispose),
-    p(h, r, s)
-  );
-};
-export {
-  v as ProvideHeadlessLocation,
-  L as isAbsoluteURL
-};