@typed/ui 0.1.5 → 0.2.0

package/Anchor/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../dist/cjs/Anchor.js",
+  "module": "../dist/esm/Anchor.js",
+  "types": "../dist/dts/Anchor.d.ts",
+  "sideEffects": []
+}

package/Link/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../dist/cjs/Link.js",
+  "module": "../dist/esm/Link.js",
+  "types": "../dist/dts/Link.d.ts",
+  "sideEffects": []
+}

package/dist/cjs/index.js

@@ -25,4 +25,26 @@ Object.keys(_Link).forEach(function (key) {
     }
   });
 });
+var _useClickAway = /*#__PURE__*/require("./useClickAway.js");
+Object.keys(_useClickAway).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useClickAway[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useClickAway[key];
+    }
+  });
+});
+var _usePagination = /*#__PURE__*/require("./usePagination.js");
+Object.keys(_usePagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _usePagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _usePagination[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Anchor","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Link"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;AAOA,IAAAA,OAAA,gBAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAIA,IAAAK,KAAA,gBAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,KAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,KAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,KAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_Anchor","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Link","_useClickAway","_usePagination"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;AA6BA,IAAAA,OAAA,gBAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAIA,IAAAK,KAAA,gBAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,KAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,KAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,KAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AAKA,IAAAM,aAAA,gBAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,aAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,aAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,aAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AAKA,IAAAO,cAAA,gBAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,cAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,cAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,cAAA,CAAAP,GAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/internal/addEventListener.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addEventListeners = addEventListeners;
+var Fx = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("@typed/fx/Fx"));
+var Effect = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("effect/Effect"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function addEventListeners(target, ...events) {
+  return Fx.fromEmitter(emitter => {
+    events.forEach(event => target.addEventListener(event, emitter.succeed));
+    return Effect.addFinalizer(() => Effect.sync(() => {
+      events.forEach(event => target.addEventListener(event, emitter.succeed));
+    }));
+  });
+}
+//# sourceMappingURL=addEventListener.js.map

package/dist/cjs/internal/addEventListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addEventListener.js","names":["Fx","_interopRequireWildcard","require","Effect","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","addEventListeners","target","events","fromEmitter","emitter","forEach","event","addEventListener","succeed","addFinalizer","sync"],"sources":["../../../src/internal/addEventListener.ts"],"sourcesContent":[null],"mappings":";;;;;;AACA,IAAAA,EAAA,gBAAAC,uBAAA,eAAAC,OAAA;AAEA,IAAAC,MAAA,gBAAAF,uBAAA,eAAAC,OAAA;AAAuC,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEjC,SAAUY,iBAAiBA,CAC/BC,MAAS,EACT,GAAGC,MAAc;EAEjB,OAAO3B,EAAE,CAAC4B,WAAW,CAA+EC,OAAO,IAAI;IAC7GF,MAAM,CAACG,OAAO,CAAEC,KAAK,IAAKL,MAAM,CAACM,gBAAgB,CAACD,KAAe,EAAEF,OAAO,CAACI,OAAc,CAAC,CAAC;IAE3F,OAAO9B,MAAM,CAAC+B,YAAY,CAAC,MACzB/B,MAAM,CAACgC,IAAI,CAAC,MAAK;MACfR,MAAM,CAACG,OAAO,CAAEC,KAAK,IAAKL,MAAM,CAACM,gBAAgB,CAACD,KAAe,EAAEF,OAAO,CAACI,OAAc,CAAC,CAAC;IAC7F,CAAC,CAAC,CACH;EACH,CAAC,CAAC;AACJ"}

package/dist/cjs/useClickAway.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.onClickAway = onClickAway;
+exports.useClickAway = useClickAway;
+var _Document = /*#__PURE__*/require("@typed/dom/Document");
+var Fx = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("@typed/fx/Fx"));
+var _ElementSource = /*#__PURE__*/require("@typed/template/ElementSource");
+var _effect = /*#__PURE__*/require("effect");
+var _addEventListener = /*#__PURE__*/require("./internal/addEventListener");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * @since 1.0.0
+ */
+
+/**
+ * @since 1.0.0
+ */
+function useClickAway(refs, f) {
+  return Fx.forkScoped(onClickAway(refs, f));
+}
+/**
+ * @since 1.0.0
+ */
+function onClickAway(refs, f) {
+  return Fx.fromFxEffect(_Document.Document.with(document => {
+    const events = (0, _addEventListener.addEventListeners)(document, "click", "touchend", "contextmenu");
+    const elements = Fx.map(Fx.combine(refs), els => els.flatMap(_ElementSource.getElements));
+    return Fx.mapEffect(Fx.compact(Fx.snapshot(events, elements, containsRefs)), f);
+  }));
+}
+const containsRefs = (event, refs) => _effect.Effect.sync(() => {
+  const target = event.target;
+  if (target === null || refs.some(c => c === target || c.contains(target))) {
+    return _effect.Option.none();
+  } else {
+    return _effect.Option.some(event);
+  }
+});
+//# sourceMappingURL=useClickAway.js.map

package/dist/cjs/useClickAway.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickAway.js","names":["_Document","require","Fx","_interopRequireWildcard","_ElementSource","_effect","_addEventListener","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","useClickAway","refs","f","forkScoped","onClickAway","fromFxEffect","Document","with","document","events","addEventListeners","elements","map","combine","els","flatMap","getElements","mapEffect","compact","snapshot","containsRefs","event","Effect","sync","target","some","c","contains","Option","none"],"sources":["../../src/useClickAway.ts"],"sourcesContent":[null],"mappings":"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"}

package/dist/cjs/usePagination.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePagination = usePagination;
+var Computed = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("@typed/fx/Computed"));
+var RefSubject = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("@typed/fx/RefSubject"));
+var _effect = /*#__PURE__*/require("effect");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * @since 1.0.0
+ */
+
+/**
+ * @since 1.0.0
+ */
+function usePagination(items, options = {}) {
+  return _effect.Effect.gen(function* (_) {
+    const ctx = yield* _(_effect.Effect.context());
+    const page = yield* _(RefSubject.of(options.initialPage ?? 0));
+    const pageSize = yield* _(RefSubject.of(options.initialPageSize ?? 10));
+    const canGoBack = page.map(x => x > 0);
+    const combined = Computed.provide(Computed.combine([page, pageSize, items]), ctx);
+    const canGoForward = combined.map(([page, pageSize, results]) => page < Math.ceil(results.length / pageSize - 1));
+    const getTotalPages = _effect.Effect.provide(_effect.Effect.gen(function* ($) {
+      const currentPageSize = yield* $(pageSize);
+      const results = yield* $(items);
+      return Math.ceil(results.length / currentPageSize - 1);
+    }), ctx);
+    const goBack = page.update(x => Math.max(x - 1, 0));
+    const goForward = page.updateEffect(currentPage => _effect.Effect.gen(function* ($) {
+      const totalPages = yield* $(getTotalPages);
+      const nextPage = Math.min(currentPage + 1, totalPages);
+      return nextPage;
+    }));
+    const goToStart = page.set(0);
+    const goToEnd = page.updateEffect(() => getTotalPages);
+    const paginated = combined.map(([page, pageSize, results]) => {
+      const start = page * pageSize;
+      const end = start + pageSize;
+      return results.slice(start, end);
+    });
+    const viewing = combined.map(([page, pageSize, results]) => {
+      const start = page * pageSize;
+      const end = start + pageSize;
+      const total = results.length;
+      return {
+        from: start + 1,
+        to: Math.min(end, total),
+        total
+      };
+    });
+    return {
+      page,
+      pageSize,
+      canGoBack,
+      canGoForward,
+      goBack,
+      goForward,
+      goToStart,
+      goToEnd,
+      paginated,
+      viewing
+    };
+  });
+}
+//# sourceMappingURL=usePagination.js.map

package/dist/cjs/usePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.js","names":["Computed","_interopRequireWildcard","require","RefSubject","_effect","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","usePagination","items","options","Effect","gen","_","ctx","context","page","of","initialPage","pageSize","initialPageSize","canGoBack","map","x","combined","provide","combine","canGoForward","results","Math","ceil","length","getTotalPages","$","currentPageSize","goBack","update","max","goForward","updateEffect","currentPage","totalPages","nextPage","min","goToStart","goToEnd","paginated","start","end","slice","viewing","total","from","to"],"sources":["../../src/usePagination.ts"],"sourcesContent":[null],"mappings":"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"}

package/dist/dts/index.d.ts

@@ -9,4 +9,12 @@ export * from "./Anchor.js";
  * @since 1.0.0
  */
 export * from "./Link.js";
+/**
+ * @since 1.0.0
+ */
+export * from "./useClickAway.js";
+/**
+ * @since 1.0.0
+ */
+export * from "./usePagination.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,cAAc,aAAa,CAAA;AAC3B;;GAEG;AACH,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAwBH;;GAEG;AACH,cAAc,aAAa,CAAA;AAC3B;;GAEG;AACH,cAAc,WAAW,CAAA;AAEzB;;GAEG;AACH,cAAc,mBAAmB,CAAA;AAEjC;;GAEG;AACH,cAAc,oBAAoB,CAAA"}

package/dist/dts/internal/addEventListener.d.ts

@@ -0,0 +1,5 @@
+import type { EventWithCurrentTarget } from "@typed/dom/EventTarget";
+import * as Fx from "@typed/fx/Fx";
+import type { DefaultEventMap } from "@typed/template/ElementSource";
+export declare function addEventListeners<T extends EventTarget, Events extends ReadonlyArray<keyof DefaultEventMap<T>>>(target: T, ...events: Events): Fx.Fx<never, never, EventWithCurrentTarget<T, DefaultEventMap<T>[Events[number]]>>;
+//# sourceMappingURL=addEventListener.d.ts.map

package/dist/dts/internal/addEventListener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"addEventListener.d.ts","sourceRoot":"","sources":["../../../src/internal/addEventListener.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,KAAK,EAAE,MAAM,cAAc,CAAA;AAClC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,EAAE,MAAM,SAAS,aAAa,CAAC,MAAM,eAAe,CAAC,CAAC,CAAC,CAAC,EAC7G,MAAM,EAAE,CAAC,EACT,GAAG,MAAM,EAAE,MAAM,sFAWlB"}

package/dist/dts/useClickAway.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @since 1.0.0
+ */
+import { Document } from "@typed/dom/Document";
+import type { EventWithCurrentTarget } from "@typed/dom/EventTarget";
+import * as Fx from "@typed/fx/Fx";
+import type * as ElementRef from "@typed/template/ElementRef";
+import type { Fiber, Scope } from "effect";
+import { Effect } from "effect";
+/**
+ * @since 1.0.0
+ */
+export declare function useClickAway<Refs extends ReadonlyArray<ElementRef.ElementRef<any>>, R2>(refs: Refs, f: (event: EventWithCurrentTarget<Document, MouseEvent | TouchEvent>) => Effect.Effect<R2, never, unknown>): Effect.Effect<Document | Scope.Scope | R2, never, Fiber.RuntimeFiber<never, void>>;
+/**
+ * @since 1.0.0
+ */
+export declare function onClickAway<Refs extends ReadonlyArray<ElementRef.ElementRef<any>>, R2, E2, B>(refs: Refs, f: (event: EventWithCurrentTarget<Document, MouseEvent | TouchEvent>) => Effect.Effect<R2, E2, B>): Fx.Fx<Document | R2, E2, B>;
+//# sourceMappingURL=useClickAway.d.ts.map

package/dist/dts/useClickAway.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickAway.d.ts","sourceRoot":"","sources":["../../src/useClickAway.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,KAAK,EAAE,MAAM,cAAc,CAAA;AAClC,OAAO,KAAK,KAAK,UAAU,MAAM,4BAA4B,CAAA;AAG7D,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAU,MAAM,QAAQ,CAAA;AAGvC;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,SAAS,aAAa,CAAC,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EACrF,IAAI,EAAE,IAAI,EACV,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,QAAQ,EAAE,UAAU,GAAG,UAAU,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,GACzG,MAAM,CAAC,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAEpF;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,SAAS,aAAa,CAAC,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAC3F,IAAI,EAAE,IAAI,EACV,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,QAAQ,EAAE,UAAU,GAAG,UAAU,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,GAChG,EAAE,CAAC,EAAE,CAAC,QAAQ,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAa7B"}

package/dist/dts/usePagination.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @since 1.0.0
+ */
+import * as Computed from "@typed/fx/Computed";
+import type { Scope } from "effect";
+import { Effect } from "effect";
+/**
+ * @since 1.0.0
+ */
+export type PaginationOptions = {
+    readonly initialPage?: number;
+    readonly initialPageSize?: number;
+};
+/**
+ * @since 1.0.0
+ */
+export interface Pagination<E, A> {
+    readonly page: Computed.Computed<never, never, number>;
+    readonly pageSize: Computed.Computed<never, never, number>;
+    readonly canGoBack: Computed.Computed<never, never, boolean>;
+    readonly canGoForward: Computed.Computed<never, E, boolean>;
+    readonly paginated: Computed.Computed<never, E, ReadonlyArray<A>>;
+    readonly viewing: Computed.Computed<never, E, Viewing>;
+    readonly goBack: Effect.Effect<never, never, number>;
+    readonly goForward: Effect.Effect<never, E, number>;
+    readonly goToStart: Effect.Effect<never, never, number>;
+    readonly goToEnd: Effect.Effect<never, E, number>;
+}
+/**
+ * @since 1.0.0
+ */
+export interface Viewing {
+    readonly from: number;
+    readonly to: number;
+    readonly total: number;
+}
+/**
+ * @since 1.0.0
+ */
+export declare function usePagination<R, E, A>(items: Computed.Computed<R, E, ReadonlyArray<A>>, options?: PaginationOptions): Effect.Effect<R | Scope.Scope, never, Pagination<E, A>>;
+//# sourceMappingURL=usePagination.d.ts.map

package/dist/dts/usePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../src/usePagination.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;AAE9C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAE/B;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;CAClC,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IACtD,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;IAC5D,QAAQ,CAAC,YAAY,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,EAAE,OAAO,CAAC,CAAA;IAC3D,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;IACjE,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,EAAE,OAAO,CAAC,CAAA;IAEtD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IACpD,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,CAAA;IACnD,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IACvD,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,CAAA;CAClD;AAED;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EACnC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,EAChD,OAAO,GAAE,iBAAsB,GAC9B,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAqEzD"}

package/dist/esm/index.js

@@ -1,6 +1,27 @@
 /**
  * @since 1.0.0
  */
+// TODO:
+// Form + Fields/FieldGroups
+// Masking
+// Accordion
+// Button
+// Select
+// MultiSelect
+// Drag and drop
+// Popovers
+// Portals
+// Menu
+// Trees
+// Modals
+// Search/Autocomplete
+// Tables
+// Editable Tables
+// File uploads
+// Focus management
+// Toasts
+// Virtualization
+// Optimistic UI helpers??
 /**
  * @since 1.0.0
  */
@@ -9,4 +30,12 @@ export * from "./Anchor.js";
  * @since 1.0.0
  */
 export * from "./Link.js";
+/**
+ * @since 1.0.0
+ */
+export * from "./useClickAway.js";
+/**
+ * @since 1.0.0
+ */
+export * from "./usePagination.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,cAAc,aAAa,CAAA;AAC3B;;GAEG;AACH,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,QAAQ;AACR,4BAA4B;AAC5B,UAAU;AACV,YAAY;AACZ,SAAS;AACT,SAAS;AACT,cAAc;AACd,gBAAgB;AAChB,WAAW;AACX,UAAU;AACV,OAAO;AACP,QAAQ;AACR,SAAS;AACT,sBAAsB;AACtB,SAAS;AACT,kBAAkB;AAClB,eAAe;AACf,mBAAmB;AACnB,SAAS;AACT,iBAAiB;AACjB,0BAA0B;AAE1B;;GAEG;AACH,cAAc,aAAa,CAAA;AAC3B;;GAEG;AACH,cAAc,WAAW,CAAA;AAEzB;;GAEG;AACH,cAAc,mBAAmB,CAAA;AAEjC;;GAEG;AACH,cAAc,oBAAoB,CAAA"}

package/dist/esm/internal/addEventListener.js

@@ -0,0 +1,11 @@
+import * as Fx from "@typed/fx/Fx";
+import * as Effect from "effect/Effect";
+export function addEventListeners(target, ...events) {
+    return Fx.fromEmitter((emitter) => {
+        events.forEach((event) => target.addEventListener(event, emitter.succeed));
+        return Effect.addFinalizer(() => Effect.sync(() => {
+            events.forEach((event) => target.addEventListener(event, emitter.succeed));
+        }));
+    });
+}
+//# sourceMappingURL=addEventListener.js.map

package/dist/esm/internal/addEventListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addEventListener.js","sourceRoot":"","sources":["../../../src/internal/addEventListener.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,cAAc,CAAA;AAElC,OAAO,KAAK,MAAM,MAAM,eAAe,CAAA;AAEvC,MAAM,UAAU,iBAAiB,CAC/B,MAAS,EACT,GAAG,MAAc;IAEjB,OAAO,EAAE,CAAC,WAAW,CAA8E,CAAC,OAAO,EAAE,EAAE;QAC7G,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAe,EAAE,OAAO,CAAC,OAAc,CAAC,CAAC,CAAA;QAE3F,OAAO,MAAM,CAAC,YAAY,CAAC,GAAG,EAAE,CAC9B,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE;YACf,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAe,EAAE,OAAO,CAAC,OAAc,CAAC,CAAC,CAAA;QAC7F,CAAC,CAAC,CACH,CAAA;IACH,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/dist/esm/useClickAway.js

@@ -0,0 +1,36 @@
+/**
+ * @since 1.0.0
+ */
+import { Document } from "@typed/dom/Document";
+import * as Fx from "@typed/fx/Fx";
+import { getElements } from "@typed/template/ElementSource";
+import { Effect, Option } from "effect";
+import { addEventListeners } from "./internal/addEventListener";
+/**
+ * @since 1.0.0
+ */
+export function useClickAway(refs, f) {
+    return Fx.forkScoped(onClickAway(refs, f));
+}
+/**
+ * @since 1.0.0
+ */
+export function onClickAway(refs, f) {
+    return Fx.fromFxEffect(Document.with((document) => {
+        const events = addEventListeners(document, "click", "touchend", "contextmenu");
+        const elements = Fx.map(Fx.combine(refs), (els) => els.flatMap(getElements));
+        return Fx.mapEffect(Fx.compact(Fx.snapshot(events, elements, containsRefs)), f);
+    }));
+}
+const containsRefs = (event, refs) => Effect.sync(() => {
+    const target = event.target;
+    if (target === null ||
+        refs.some((c) => c === target ||
+            c.contains(target))) {
+        return Option.none();
+    }
+    else {
+        return Option.some(event);
+    }
+});
+//# sourceMappingURL=useClickAway.js.map

package/dist/esm/useClickAway.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickAway.js","sourceRoot":"","sources":["../../src/useClickAway.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE9C,OAAO,KAAK,EAAE,MAAM,cAAc,CAAA;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAG3D,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAE/D;;GAEG;AACH,MAAM,UAAU,YAAY,CAC1B,IAAU,EACV,CAA0G;IAE1G,OAAO,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;AAC5C,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,WAAW,CACzB,IAAU,EACV,CAAiG;IAEjG,OAAO,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;QAChD,MAAM,MAAM,GAAG,iBAAiB,CAAC,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,CAAC,CAAA;QAC9E,MAAM,QAAQ,GAAG,EAAE,CAAC,GAAG,CACrB,EAAE,CAAC,OAAO,CAAC,IAAoD,CAAC,EAChE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,CAClC,CAAA;QAED,OAAO,EAAE,CAAC,SAAS,CACjB,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,EACvD,CAAC,CACF,CAAA;IACH,CAAC,CAAC,CAAC,CAAA;AACL,CAAC;AAED,MAAM,YAAY,GAAG,CAAC,KAAgE,EAAE,IAA4B,EAAE,EAAE,CACtH,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE;IACf,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAA;IAE3B,IACE,MAAM,KAAK,IAAI;QACf,IAAI,CAAC,IAAI,CACP,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,KAAK,MAAM;YACZ,CAAC,CAAC,QAAQ,CAAC,MAAiB,CAAC,CAChC,EACD,CAAC;QACD,OAAO,MAAM,CAAC,IAAI,EAAE,CAAA;IACtB,CAAC;SAAM,CAAC;QACN,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC3B,CAAC;AACH,CAAC,CAAC,CAAA"}

package/dist/esm/usePagination.js

@@ -0,0 +1,60 @@
+/**
+ * @since 1.0.0
+ */
+import * as Computed from "@typed/fx/Computed";
+import * as RefSubject from "@typed/fx/RefSubject";
+import { Effect } from "effect";
+/**
+ * @since 1.0.0
+ */
+export function usePagination(items, options = {}) {
+    return Effect.gen(function* (_) {
+        const ctx = yield* _(Effect.context());
+        const page = yield* _(RefSubject.of(options.initialPage ?? 0));
+        const pageSize = yield* _(RefSubject.of(options.initialPageSize ?? 10));
+        const canGoBack = page.map((x) => x > 0);
+        const combined = Computed.provide(Computed.combine([page, pageSize, items]), ctx);
+        const canGoForward = combined.map(([page, pageSize, results]) => page < Math.ceil(results.length / pageSize - 1));
+        const getTotalPages = Effect.provide(Effect.gen(function* ($) {
+            const currentPageSize = yield* $(pageSize);
+            const results = yield* $(items);
+            return Math.ceil(results.length / currentPageSize - 1);
+        }), ctx);
+        const goBack = page.update((x) => Math.max(x - 1, 0));
+        const goForward = page.updateEffect((currentPage) => Effect.gen(function* ($) {
+            const totalPages = yield* $(getTotalPages);
+            const nextPage = Math.min(currentPage + 1, totalPages);
+            return nextPage;
+        }));
+        const goToStart = page.set(0);
+        const goToEnd = page.updateEffect(() => getTotalPages);
+        const paginated = combined.map(([page, pageSize, results]) => {
+            const start = page * pageSize;
+            const end = start + pageSize;
+            return results.slice(start, end);
+        });
+        const viewing = combined.map(([page, pageSize, results]) => {
+            const start = page * pageSize;
+            const end = start + pageSize;
+            const total = results.length;
+            return {
+                from: start + 1,
+                to: Math.min(end, total),
+                total
+            };
+        });
+        return {
+            page,
+            pageSize,
+            canGoBack,
+            canGoForward,
+            goBack,
+            goForward,
+            goToStart,
+            goToEnd,
+            paginated,
+            viewing
+        };
+    });
+}
+//# sourceMappingURL=usePagination.js.map

package/dist/esm/usePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../src/usePagination.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typed/ui",
-  "version": "0.1.5",
+  "version": "0.2.0",
   "description": "",
   "license": "MIT",
   "repository": {
@@ -10,18 +10,18 @@
   "sideEffects": [],
   "author": "Typed contributors",
   "dependencies": {
-    "@effect/platform": "^0.31.1",
-    "@effect/schema": "0.49.4",
-    "csstype": "^3.1.2",
-    "effect": "2.0.0-next.56",
-    "@typed/context": "0.19.2",
-    "@typed/dom": "8.19.2",
-    "@typed/environment": "0.1.3",
-    "@typed/fx": "1.18.4",
-    "@typed/navigation": "0.6.4",
-    "@typed/route": "1.0.4",
-    "@typed/router": "0.19.5",
-    "@typed/template": "0.1.4"
+    "@effect/platform": "^0.37.5",
+    "@effect/schema": "0.53.3",
+    "csstype": "^3.1.3",
+    "effect": "2.0.0-next.60",
+    "@typed/context": "0.20.0",
+    "@typed/environment": "0.2.0",
+    "@typed/fx": "1.19.0",
+    "@typed/navigation": "0.7.0",
+    "@typed/route": "1.1.0",
+    "@typed/dom": "8.20.0",
+    "@typed/template": "0.2.0",
+    "@typed/router": "0.20.0"
   },
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -42,6 +42,16 @@
       "types": "./dist/dts/Link.d.ts",
       "import": "./dist/esm/Link.js",
       "default": "./dist/cjs/Link.js"
+    },
+    "./useClickAway": {
+      "types": "./dist/dts/useClickAway.d.ts",
+      "import": "./dist/esm/useClickAway.js",
+      "default": "./dist/cjs/useClickAway.js"
+    },
+    "./usePagination": {
+      "types": "./dist/dts/usePagination.d.ts",
+      "import": "./dist/esm/usePagination.js",
+      "default": "./dist/cjs/usePagination.js"
     }
   },
   "typesVersions": {
@@ -51,6 +61,12 @@
       ],
       "Link": [
         "./dist/dts/Link.d.ts"
+      ],
+      "useClickAway": [
+        "./dist/dts/useClickAway.d.ts"
+      ],
+      "usePagination": [
+        "./dist/dts/usePagination.d.ts"
       ]
     }
   }

package/src/index.ts

@@ -2,6 +2,28 @@
  * @since 1.0.0
  */
 
+// TODO:
+// Form + Fields/FieldGroups
+// Masking
+// Accordion
+// Button
+// Select
+// MultiSelect
+// Drag and drop
+// Popovers
+// Portals
+// Menu
+// Trees
+// Modals
+// Search/Autocomplete
+// Tables
+// Editable Tables
+// File uploads
+// Focus management
+// Toasts
+// Virtualization
+// Optimistic UI helpers??
+
 /**
  * @since 1.0.0
  */
@@ -10,3 +32,13 @@ export * from "./Anchor.js"
  * @since 1.0.0
  */
 export * from "./Link.js"
+
+/**
+ * @since 1.0.0
+ */
+export * from "./useClickAway.js"
+
+/**
+ * @since 1.0.0
+ */
+export * from "./usePagination.js"

package/src/internal/addEventListener.ts

@@ -0,0 +1,19 @@
+import type { EventWithCurrentTarget } from "@typed/dom/EventTarget"
+import * as Fx from "@typed/fx/Fx"
+import type { DefaultEventMap } from "@typed/template/ElementSource"
+import * as Effect from "effect/Effect"
+
+export function addEventListeners<T extends EventTarget, Events extends ReadonlyArray<keyof DefaultEventMap<T>>>(
+  target: T,
+  ...events: Events
+) {
+  return Fx.fromEmitter<never, never, EventWithCurrentTarget<T, DefaultEventMap<T>[Events[number]]>>((emitter) => {
+    events.forEach((event) => target.addEventListener(event as string, emitter.succeed as any))
+
+    return Effect.addFinalizer(() =>
+      Effect.sync(() => {
+        events.forEach((event) => target.addEventListener(event as string, emitter.succeed as any))
+      })
+    )
+  })
+}

package/src/useClickAway.ts

@@ -0,0 +1,62 @@
+/**
+ * @since 1.0.0
+ */
+
+import { Document } from "@typed/dom/Document"
+import type { EventWithCurrentTarget } from "@typed/dom/EventTarget"
+import * as Fx from "@typed/fx/Fx"
+import type * as ElementRef from "@typed/template/ElementRef"
+import { getElements } from "@typed/template/ElementSource"
+import type { Rendered } from "@typed/wire"
+import type { Fiber, Scope } from "effect"
+import { Effect, Option } from "effect"
+import { addEventListeners } from "./internal/addEventListener"
+
+/**
+ * @since 1.0.0
+ */
+export function useClickAway<Refs extends ReadonlyArray<ElementRef.ElementRef<any>>, R2>(
+  refs: Refs,
+  f: (event: EventWithCurrentTarget<Document, MouseEvent | TouchEvent>) => Effect.Effect<R2, never, unknown>
+): Effect.Effect<Document | Scope.Scope | R2, never, Fiber.RuntimeFiber<never, void>> {
+  return Fx.forkScoped(onClickAway(refs, f))
+}
+
+/**
+ * @since 1.0.0
+ */
+export function onClickAway<Refs extends ReadonlyArray<ElementRef.ElementRef<any>>, R2, E2, B>(
+  refs: Refs,
+  f: (event: EventWithCurrentTarget<Document, MouseEvent | TouchEvent>) => Effect.Effect<R2, E2, B>
+): Fx.Fx<Document | R2, E2, B> {
+  return Fx.fromFxEffect(Document.with((document) => {
+    const events = addEventListeners(document, "click", "touchend", "contextmenu")
+    const elements = Fx.map(
+      Fx.combine(refs as ReadonlyArray<Fx.Fx<never, never, Rendered>>),
+      (els) => els.flatMap(getElements)
+    )
+
+    return Fx.mapEffect(
+      Fx.compact(Fx.snapshot(events, elements, containsRefs)),
+      f
+    )
+  }))
+}
+
+const containsRefs = (event: EventWithCurrentTarget<Document, MouseEvent | TouchEvent>, refs: ReadonlyArray<Element>) =>
+  Effect.sync(() => {
+    const target = event.target
+
+    if (
+      target === null ||
+      refs.some(
+        (c) =>
+          c === target ||
+          c.contains(target as Element)
+      )
+    ) {
+      return Option.none()
+    } else {
+      return Option.some(event)
+    }
+  })

package/src/usePagination.ts

@@ -0,0 +1,119 @@
+/**
+ * @since 1.0.0
+ */
+
+import * as Computed from "@typed/fx/Computed"
+import * as RefSubject from "@typed/fx/RefSubject"
+import type { Scope } from "effect"
+import { Effect } from "effect"
+
+/**
+ * @since 1.0.0
+ */
+export type PaginationOptions = {
+  readonly initialPage?: number // 0
+  readonly initialPageSize?: number // 10
+}
+
+/**
+ * @since 1.0.0
+ */
+export interface Pagination<E, A> {
+  readonly page: Computed.Computed<never, never, number>
+  readonly pageSize: Computed.Computed<never, never, number>
+  readonly canGoBack: Computed.Computed<never, never, boolean>
+  readonly canGoForward: Computed.Computed<never, E, boolean>
+  readonly paginated: Computed.Computed<never, E, ReadonlyArray<A>>
+  readonly viewing: Computed.Computed<never, E, Viewing>
+
+  readonly goBack: Effect.Effect<never, never, number>
+  readonly goForward: Effect.Effect<never, E, number>
+  readonly goToStart: Effect.Effect<never, never, number>
+  readonly goToEnd: Effect.Effect<never, E, number>
+}
+
+/**
+ * @since 1.0.0
+ */
+export interface Viewing {
+  readonly from: number
+  readonly to: number
+  readonly total: number
+}
+
+/**
+ * @since 1.0.0
+ */
+export function usePagination<R, E, A>(
+  items: Computed.Computed<R, E, ReadonlyArray<A>>,
+  options: PaginationOptions = {}
+): Effect.Effect<R | Scope.Scope, never, Pagination<E, A>> {
+  return Effect.gen(function*(_) {
+    const ctx = yield* _(Effect.context<R>())
+    const page: RefSubject.RefSubject<never, never, number> = yield* _(RefSubject.of(options.initialPage ?? 0))
+    const pageSize: RefSubject.RefSubject<never, never, number> = yield* _(RefSubject.of(options.initialPageSize ?? 10))
+    const canGoBack: Computed.Computed<never, never, boolean> = page.map((x) => x > 0)
+    const combined: Computed.Computed<never, E, readonly [number, number, ReadonlyArray<A>]> = Computed.provide(
+      Computed.combine([page, pageSize, items] as const),
+      ctx
+    )
+    const canGoForward: Computed.Computed<never, E, boolean> = combined.map(
+      ([page, pageSize, results]) => page < Math.ceil(results.length / pageSize - 1)
+    )
+
+    const getTotalPages: Effect.Effect<never, E, number> = Effect.provide(
+      Effect.gen(function*($) {
+        const currentPageSize = yield* $(pageSize)
+        const results = yield* $(items)
+
+        return Math.ceil(results.length / currentPageSize - 1)
+      }),
+      ctx
+    )
+    const goBack: Effect.Effect<never, never, number> = page.update((x) => Math.max(x - 1, 0))
+    const goForward: Effect.Effect<never, E, number> = page.updateEffect((currentPage) =>
+      Effect.gen(function*($) {
+        const totalPages = yield* $(getTotalPages)
+        const nextPage = Math.min(currentPage + 1, totalPages)
+
+        return nextPage
+      })
+    )
+    const goToStart: Effect.Effect<never, never, number> = page.set(0)
+    const goToEnd: Effect.Effect<never, E, number> = page.updateEffect(() => getTotalPages)
+
+    const paginated: Computed.Computed<never, E, ReadonlyArray<A>> = combined.map(([page, pageSize, results]) => {
+      const start = page * pageSize
+      const end = start + pageSize
+
+      return results.slice(start, end)
+    })
+
+    const viewing: Computed.Computed<never, E, Viewing> = combined.map(
+      ([page, pageSize, results]) => {
+        const start = page * pageSize
+        const end = start + pageSize
+        const total = results.length
+
+        return {
+          from: start + 1,
+          to: Math.min(end, total),
+          total
+        }
+      }
+    )
+
+    return {
+      page,
+      pageSize,
+      canGoBack,
+      canGoForward,
+      goBack,
+      goForward,
+      goToStart,
+      goToEnd,
+      paginated,
+      viewing
+    } as const
+  })
+}

package/useClickAway/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../dist/cjs/useClickAway.js",
+  "module": "../dist/esm/useClickAway.js",
+  "types": "../dist/dts/useClickAway.d.ts",
+  "sideEffects": []
+}

package/usePagination/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../dist/cjs/usePagination.js",
+  "module": "../dist/esm/usePagination.js",
+  "types": "../dist/dts/usePagination.d.ts",
+  "sideEffects": []
+}