@praxisjs/composables 0.1.5 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/CHANGELOG.md +57 -0
  2. package/dist/__tests__/browser.test.js +289 -81
  3. package/dist/__tests__/browser.test.js.map +1 -1
  4. package/dist/__tests__/dom.test.js +282 -118
  5. package/dist/__tests__/dom.test.js.map +1 -1
  6. package/dist/__tests__/utilities.test.js +198 -193
  7. package/dist/__tests__/utilities.test.js.map +1 -1
  8. package/dist/browser.d.ts +48 -12
  9. package/dist/browser.d.ts.map +1 -1
  10. package/dist/browser.js +130 -49
  11. package/dist/browser.js.map +1 -1
  12. package/dist/dom.d.ts +52 -25
  13. package/dist/dom.d.ts.map +1 -1
  14. package/dist/dom.js +123 -74
  15. package/dist/dom.js.map +1 -1
  16. package/dist/index.d.ts +3 -4
  17. package/dist/index.d.ts.map +1 -1
  18. package/dist/index.js +3 -3
  19. package/dist/index.js.map +1 -1
  20. package/dist/utilities.d.ts +72 -26
  21. package/dist/utilities.d.ts.map +1 -1
  22. package/dist/utilities.js +117 -94
  23. package/dist/utilities.js.map +1 -1
  24. package/package.json +3 -3
  25. package/src/__tests__/browser.test.ts +329 -89
  26. package/src/__tests__/dom.test.ts +325 -132
  27. package/src/__tests__/utilities.test.ts +249 -215
  28. package/src/browser.ts +161 -53
  29. package/src/dom.ts +145 -82
  30. package/src/index.ts +11 -18
  31. package/src/utilities.ts +162 -111
package/dist/browser.js CHANGED
@@ -1,56 +1,137 @@
1
+ import { Composable } from "@praxisjs/core";
1
2
  import { signal, computed } from "@praxisjs/core/internal";
2
- export function useMediaQuery(query) {
3
- const mql = window.matchMedia(query);
4
- const matches = signal(mql.matches);
5
- mql.addEventListener("change", (e) => {
6
- matches.set(e.matches);
7
- });
8
- return computed(() => matches());
3
+ export class MediaQuery extends Composable {
4
+ constructor(query) {
5
+ super();
6
+ this.query = query;
7
+ }
8
+ setup() {
9
+ if (this._view)
10
+ return this._view;
11
+ this._mql = window.matchMedia(this.query);
12
+ const matches = signal(this._mql.matches);
13
+ this._handler = (e) => { matches.set(e.matches); };
14
+ this._mql.addEventListener("change", this._handler);
15
+ this._view = { matches };
16
+ return this._view;
17
+ }
18
+ onUnmount() {
19
+ if (this._mql && this._handler) {
20
+ this._mql.removeEventListener("change", this._handler);
21
+ }
22
+ }
9
23
  }
10
- export function useColorScheme() {
11
- const isDark = useMediaQuery("(prefers-color-scheme: dark)");
12
- const isLight = computed(() => !isDark());
13
- return { isDark, isLight };
24
+ export class ColorScheme extends Composable {
25
+ setup() {
26
+ if (this._view)
27
+ return this._view;
28
+ this._mql = window.matchMedia("(prefers-color-scheme: dark)");
29
+ const isDark = signal(this._mql.matches);
30
+ const isLight = computed(() => !isDark());
31
+ this._handler = (e) => { isDark.set(e.matches); };
32
+ this._mql.addEventListener("change", this._handler);
33
+ this._view = { isDark, isLight };
34
+ return this._view;
35
+ }
36
+ onUnmount() {
37
+ if (this._mql && this._handler) {
38
+ this._mql.removeEventListener("change", this._handler);
39
+ }
40
+ }
14
41
  }
15
- export function useMouse() {
16
- const x = signal(0);
17
- const y = signal(0);
18
- window.addEventListener("mousemove", (e) => {
19
- x.set(e.clientX);
20
- y.set(e.clientY);
21
- });
22
- return { x: computed(() => x()), y: computed(() => y()) };
42
+ export class Mouse extends Composable {
43
+ constructor() {
44
+ super(...arguments);
45
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
46
+ this._handler = (_e) => { };
47
+ }
48
+ setup() {
49
+ if (this._view)
50
+ return this._view;
51
+ const x = signal(0);
52
+ const y = signal(0);
53
+ this._handler = (e) => { x.set(e.clientX); y.set(e.clientY); };
54
+ window.addEventListener("mousemove", this._handler);
55
+ this._view = { x, y };
56
+ return this._view;
57
+ }
58
+ onUnmount() {
59
+ window.removeEventListener("mousemove", this._handler);
60
+ }
23
61
  }
24
- export function useKeyCombo(combo) {
25
- const parts = combo.toLowerCase().split("+");
26
- const pressed = signal(false);
27
- window.addEventListener("keydown", (e) => {
28
- const ctrl = parts.includes("ctrl") ? e.ctrlKey : true;
29
- const shift = parts.includes("shift") ? e.shiftKey : true;
30
- const alt = parts.includes("alt") ? e.altKey : true;
31
- const key = parts.find((p) => !["ctrl", "shift", "alt", "meta"].includes(p));
32
- if (ctrl && shift && alt && (!key || e.key.toLowerCase() === key))
33
- pressed.set(true);
34
- });
35
- window.addEventListener("keyup", () => {
36
- pressed.set(false);
37
- });
38
- return computed(() => pressed());
62
+ export class KeyCombo extends Composable {
63
+ constructor(combo) {
64
+ super();
65
+ this.combo = combo;
66
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
67
+ this._keydownHandler = (_e) => { };
68
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
69
+ this._keyupHandler = () => { };
70
+ }
71
+ setup() {
72
+ if (this._view)
73
+ return this._view;
74
+ const parts = this.combo.toLowerCase().split("+").map((p) => p.trim());
75
+ const pressed = signal(false);
76
+ const modifiers = ["ctrl", "shift", "alt", "meta"];
77
+ const key = parts.find((p) => !modifiers.includes(p));
78
+ // A combo with no non-modifier key is invalid and should never fire
79
+ if (!key) {
80
+ this._keyupHandler = () => { pressed.set(false); };
81
+ window.addEventListener("keydown", this._keydownHandler);
82
+ window.addEventListener("keyup", this._keyupHandler);
83
+ this._view = { pressed };
84
+ return this._view;
85
+ }
86
+ this._keydownHandler = (e) => {
87
+ const ctrl = parts.includes("ctrl") ? e.ctrlKey : true;
88
+ const shift = parts.includes("shift") ? e.shiftKey : true;
89
+ const alt = parts.includes("alt") ? e.altKey : true;
90
+ const meta = parts.includes("meta") ? e.metaKey : true;
91
+ if (ctrl && shift && alt && meta && e.key.toLowerCase() === key) {
92
+ pressed.set(true);
93
+ }
94
+ };
95
+ this._keyupHandler = () => { pressed.set(false); };
96
+ window.addEventListener("keydown", this._keydownHandler);
97
+ window.addEventListener("keyup", this._keyupHandler);
98
+ this._view = { pressed };
99
+ return this._view;
100
+ }
101
+ onUnmount() {
102
+ window.removeEventListener("keydown", this._keydownHandler);
103
+ window.removeEventListener("keyup", this._keyupHandler);
104
+ }
39
105
  }
40
- export function useIdle(timeout = 60_000) {
41
- const idle = signal(false);
42
- let timer;
43
- const reset = () => {
44
- idle.set(false);
45
- clearTimeout(timer);
46
- timer = setTimeout(() => {
47
- idle.set(true);
48
- }, timeout);
49
- };
50
- ["mousemove", "keydown", "click", "scroll", "touchstart"].forEach((e) => {
51
- window.addEventListener(e, reset, { passive: true });
52
- });
53
- reset();
54
- return computed(() => idle());
106
+ export class Idle extends Composable {
107
+ constructor(timeout = 60_000) {
108
+ super();
109
+ this.timeout = timeout;
110
+ this._listeners = [];
111
+ }
112
+ setup() {
113
+ if (this._view)
114
+ return this._view;
115
+ const idle = signal(false);
116
+ const reset = () => {
117
+ idle.set(false);
118
+ clearTimeout(this._timer);
119
+ this._timer = setTimeout(() => { idle.set(true); }, this.timeout);
120
+ };
121
+ ["mousemove", "keydown", "click", "scroll", "touchstart"].forEach((event) => {
122
+ window.addEventListener(event, reset, { passive: true });
123
+ this._listeners.push([event, reset]);
124
+ });
125
+ reset();
126
+ this._view = { idle };
127
+ return this._view;
128
+ }
129
+ onUnmount() {
130
+ clearTimeout(this._timer);
131
+ this._listeners.forEach(([event, handler]) => {
132
+ window.removeEventListener(event, handler);
133
+ });
134
+ this._listeners = [];
135
+ }
55
136
  }
56
137
  //# sourceMappingURL=browser.js.map
package/dist/browser.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"browser.js","sourceRoot":"","sources":["../src/browser.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"browser.js","sourceRoot":"","sources":["../src/browser.ts"],"names":[],"mappings":"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"}
package/dist/dom.d.ts CHANGED
@@ -1,26 +1,53 @@
1
- import type { Computed } from "@praxisjs/shared";
2
- export declare function createRef(): {
3
- current: HTMLElement | null;
4
- };
5
- export declare function useElementSize(ref: {
6
- current: HTMLElement | null;
7
- }): {
8
- width: Computed<number>;
9
- height: Computed<number>;
10
- stop: () => void;
11
- };
12
- export declare function useWindowSize(): {
13
- width: Computed<number>;
14
- height: Computed<number>;
15
- };
16
- export declare function useScrollPosition(target?: HTMLElement | Window): {
17
- x: Computed<number>;
18
- y: Computed<number>;
19
- };
20
- export declare function useIntersection(ref: {
21
- current: HTMLElement | null;
22
- }, options?: IntersectionObserverInit): Computed<boolean>;
23
- export declare function useFocus(ref: {
24
- current: HTMLElement | null;
25
- }): Computed<boolean>;
1
+ import { Composable } from "@praxisjs/core";
2
+ export declare class WindowSize extends Composable {
3
+ width: number;
4
+ height: number;
5
+ private _handler;
6
+ private _view?;
7
+ setup(): Record<string, unknown>;
8
+ onUnmount(): void;
9
+ }
10
+ export declare class ScrollPosition extends Composable {
11
+ x: number;
12
+ y: number;
13
+ private readonly _target;
14
+ private _handler;
15
+ private _view?;
16
+ constructor(target?: HTMLElement | Window);
17
+ setup(): Record<string, unknown>;
18
+ onUnmount(): void;
19
+ }
20
+ export declare class ElementSize extends Composable {
21
+ private readonly ref;
22
+ width: number;
23
+ height: number;
24
+ private _observer?;
25
+ private _view?;
26
+ constructor(ref: {
27
+ current: HTMLElement | null;
28
+ });
29
+ setup(): Record<string, unknown>;
30
+ onUnmount(): void;
31
+ }
32
+ export declare class Intersection extends Composable {
33
+ private readonly ref;
34
+ private readonly options?;
35
+ visible: boolean;
36
+ private _observer?;
37
+ private _view?;
38
+ constructor(ref: {
39
+ current: HTMLElement | null;
40
+ }, options?: IntersectionObserverInit | undefined);
41
+ setup(): Record<string, unknown>;
42
+ onUnmount(): void;
43
+ }
44
+ export declare class Focus extends Composable {
45
+ private readonly ref;
46
+ focused: boolean;
47
+ private _view?;
48
+ constructor(ref: {
49
+ current: HTMLElement | null;
50
+ });
51
+ setup(): Record<string, unknown>;
52
+ }
26
53
  //# sourceMappingURL=dom.d.ts.map
package/dist/dom.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,wBAAgB,SAAS,IAAI;IAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;CAAE,CAE3D;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE;IAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;CAAE;;;;EAqBlE;AAED,wBAAgB,aAAa;;;EAQ5B;AAED,wBAAgB,iBAAiB,CAAC,MAAM,GAAE,WAAW,GAAG,MAAe;;;EAYtE;AAED,wBAAgB,eAAe,CAC7B,GAAG,EAAE;IAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;CAAE,EACpC,OAAO,CAAC,EAAE,wBAAwB,GACjC,QAAQ,CAAC,OAAO,CAAC,CAYnB;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE;IAC5B,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B,GAAG,QAAQ,CAAC,OAAO,CAAC,CAmBpB"}
1
+ {"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,qBAAa,UAAW,SAAQ,UAAU;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IAGvB,OAAO,CAAC,QAAQ,CAAY;IAC5B,OAAO,CAAC,KAAK,CAAC,CAA0B;IAExC,KAAK;IAaL,SAAS;CAGV;AAED,qBAAa,cAAe,SAAQ,UAAU;IACpC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IAElB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAuB;IAE/C,OAAO,CAAC,QAAQ,CAAY;IAC5B,OAAO,CAAC,KAAK,CAAC,CAA0B;gBAE5B,MAAM,GAAE,WAAW,GAAG,MAAe;IAKjD,KAAK;IAcL,SAAS;CAGV;AAED,qBAAa,WAAY,SAAQ,UAAU;IAO7B,OAAO,CAAC,QAAQ,CAAC,GAAG;IANxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IAEvB,OAAO,CAAC,SAAS,CAAC,CAAiB;IACnC,OAAO,CAAC,KAAK,CAAC,CAA0B;gBAEX,GAAG,EAAE;QAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE;IAIjE,KAAK;IAmBL,SAAS;CAGV;AAED,qBAAa,YAAa,SAAQ,UAAU;IAOxC,OAAO,CAAC,QAAQ,CAAC,GAAG;IACpB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC;IAPnB,OAAO,EAAE,OAAO,CAAC;IAEzB,OAAO,CAAC,SAAS,CAAC,CAAuB;IACzC,OAAO,CAAC,KAAK,CAAC,CAA0B;gBAGrB,GAAG,EAAE;QAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE,EACpC,OAAO,CAAC,EAAE,wBAAwB,YAAA;IAKrD,KAAK;IAaL,SAAS;CAGV;AAED,qBAAa,KAAM,SAAQ,UAAU;IAKvB,OAAO,CAAC,QAAQ,CAAC,GAAG;IAJxB,OAAO,EAAE,OAAO,CAAC;IAEzB,OAAO,CAAC,KAAK,CAAC,CAA0B;gBAEX,GAAG,EAAE;QAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE;IAIjE,KAAK;CAkBN"}
package/dist/dom.js CHANGED
@@ -1,80 +1,129 @@
1
- import { signal, computed, effect } from "@praxisjs/core/internal";
2
- export function createRef() {
3
- return { current: null };
4
- }
5
- export function useElementSize(ref) {
6
- const width = signal(0);
7
- const height = signal(0);
8
- const observer = new ResizeObserver(([entry]) => {
9
- width.set(entry.contentRect.width);
10
- height.set(entry.contentRect.height);
11
- });
12
- effect(() => {
13
- if (ref.current) {
14
- observer.observe(ref.current);
15
- width.set(ref.current.offsetWidth);
16
- height.set(ref.current.offsetHeight);
17
- }
18
- });
19
- return {
20
- width: computed(() => width()),
21
- height: computed(() => height()),
22
- stop: () => {
23
- observer.disconnect();
24
- },
25
- };
1
+ import { Composable } from "@praxisjs/core";
2
+ import { signal, effect } from "@praxisjs/core/internal";
3
+ export class WindowSize extends Composable {
4
+ constructor() {
5
+ super(...arguments);
6
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
7
+ this._handler = () => { };
8
+ }
9
+ setup() {
10
+ if (this._view)
11
+ return this._view;
12
+ const width = signal(window.innerWidth);
13
+ const height = signal(window.innerHeight);
14
+ this._handler = () => {
15
+ width.set(window.innerWidth);
16
+ height.set(window.innerHeight);
17
+ };
18
+ window.addEventListener("resize", this._handler);
19
+ this._view = { width, height };
20
+ return this._view;
21
+ }
22
+ onUnmount() {
23
+ window.removeEventListener("resize", this._handler);
24
+ }
26
25
  }
27
- export function useWindowSize() {
28
- const width = signal(window.innerWidth);
29
- const height = signal(window.innerHeight);
30
- window.addEventListener("resize", () => {
31
- width.set(window.innerWidth);
32
- height.set(window.innerHeight);
33
- });
34
- return { width: computed(() => width()), height: computed(() => height()) };
26
+ export class ScrollPosition extends Composable {
27
+ constructor(target = window) {
28
+ super();
29
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
30
+ this._handler = () => { };
31
+ this._target = target;
32
+ }
33
+ setup() {
34
+ if (this._view)
35
+ return this._view;
36
+ const x = signal(0);
37
+ const y = signal(0);
38
+ const t = this._target;
39
+ this._handler = () => {
40
+ x.set(t === window ? window.scrollX : t.scrollLeft);
41
+ y.set(t === window ? window.scrollY : t.scrollTop);
42
+ };
43
+ t.addEventListener("scroll", this._handler);
44
+ this._view = { x, y };
45
+ return this._view;
46
+ }
47
+ onUnmount() {
48
+ this._target.removeEventListener("scroll", this._handler);
49
+ }
35
50
  }
36
- export function useScrollPosition(target = window) {
37
- const x = signal(0);
38
- const y = signal(0);
39
- target.addEventListener("scroll", () => {
40
- x.set(target === window ? window.scrollX : target.scrollLeft);
41
- y.set(target === window ? window.scrollY : target.scrollTop);
42
- });
43
- return { x: computed(() => x()), y: computed(() => y()) };
51
+ export class ElementSize extends Composable {
52
+ constructor(ref) {
53
+ super();
54
+ this.ref = ref;
55
+ }
56
+ setup() {
57
+ if (this._view)
58
+ return this._view;
59
+ const width = signal(0);
60
+ const height = signal(0);
61
+ this._observer = new ResizeObserver(([entry]) => {
62
+ width.set(entry.contentRect.width);
63
+ height.set(entry.contentRect.height);
64
+ });
65
+ effect(() => {
66
+ if (this.ref.current) {
67
+ this._observer?.observe(this.ref.current);
68
+ width.set(this.ref.current.offsetWidth);
69
+ height.set(this.ref.current.offsetHeight);
70
+ }
71
+ });
72
+ this._view = { width, height };
73
+ return this._view;
74
+ }
75
+ onUnmount() {
76
+ this._observer?.disconnect();
77
+ }
44
78
  }
45
- export function useIntersection(ref, options) {
46
- const visible = signal(false);
47
- const observer = new IntersectionObserver(([entry]) => {
48
- visible.set(entry.isIntersecting);
49
- }, options);
50
- effect(() => {
51
- if (ref.current)
52
- observer.observe(ref.current);
53
- return () => {
54
- observer.disconnect();
55
- };
56
- });
57
- return computed(() => visible());
79
+ export class Intersection extends Composable {
80
+ constructor(ref, options) {
81
+ super();
82
+ this.ref = ref;
83
+ this.options = options;
84
+ }
85
+ setup() {
86
+ if (this._view)
87
+ return this._view;
88
+ const visible = signal(false);
89
+ this._observer = new IntersectionObserver(([entry]) => {
90
+ visible.set(entry.isIntersecting);
91
+ }, this.options);
92
+ effect(() => {
93
+ if (this.ref.current)
94
+ this._observer?.observe(this.ref.current);
95
+ });
96
+ this._view = { visible };
97
+ return this._view;
98
+ }
99
+ onUnmount() {
100
+ this._observer?.disconnect();
101
+ }
58
102
  }
59
- export function useFocus(ref) {
60
- const focused = signal(false);
61
- effect(() => {
62
- const el = ref.current;
63
- if (!el)
64
- return;
65
- const onFocus = () => {
66
- focused.set(true);
67
- };
68
- const onBlur = () => {
69
- focused.set(false);
70
- };
71
- el.addEventListener("focus", onFocus);
72
- el.addEventListener("blur", onBlur);
73
- return () => {
74
- el.removeEventListener("focus", onFocus);
75
- el.removeEventListener("blur", onBlur);
76
- };
77
- });
78
- return computed(() => focused());
103
+ export class Focus extends Composable {
104
+ constructor(ref) {
105
+ super();
106
+ this.ref = ref;
107
+ }
108
+ setup() {
109
+ if (this._view)
110
+ return this._view;
111
+ const focused = signal(false);
112
+ effect(() => {
113
+ const el = this.ref.current;
114
+ if (!el)
115
+ return;
116
+ const onFocus = () => { focused.set(true); };
117
+ const onBlur = () => { focused.set(false); };
118
+ el.addEventListener("focus", onFocus);
119
+ el.addEventListener("blur", onBlur);
120
+ return () => {
121
+ el.removeEventListener("focus", onFocus);
122
+ el.removeEventListener("blur", onBlur);
123
+ };
124
+ });
125
+ this._view = { focused };
126
+ return this._view;
127
+ }
79
128
  }
80
129
  //# sourceMappingURL=dom.js.map
package/dist/dom.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dom.js","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"dom.js","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"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"}
package/dist/index.d.ts CHANGED
@@ -1,5 +1,4 @@
1
- export { createRef, useElementSize, useWindowSize, useScrollPosition, useIntersection, useFocus, } from "./dom";
2
- export { useMediaQuery, useColorScheme, useMouse, useKeyCombo, useIdle, } from "./browser";
3
- export { useClipboard, useGeolocation, useTimeAgo, usePagination, } from "./utilities";
4
- export type { PaginationOptions } from "./utilities";
1
+ export { WindowSize, ScrollPosition, ElementSize, Intersection, Focus, } from "./dom";
2
+ export { MediaQuery, ColorScheme, Mouse, KeyCombo, Idle } from "./browser";
3
+ export { Clipboard, Geolocation, TimeAgo, Pagination, type PaginationOptions, } from "./utilities";
5
4
  //# sourceMappingURL=index.d.ts.map
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EACL,aAAa,EACb,cAAc,EACd,QAAQ,EACR,WAAW,EACX,OAAO,GACR,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,YAAY,EACZ,cAAc,EACd,UAAU,EACV,aAAa,GACd,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,cAAc,EACd,WAAW,EACX,YAAY,EACZ,KAAK,GACN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAC3E,OAAO,EACL,SAAS,EACT,WAAW,EACX,OAAO,EACP,UAAU,EACV,KAAK,iBAAiB,GACvB,MAAM,aAAa,CAAC"}
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { createRef, useElementSize, useWindowSize, useScrollPosition, useIntersection, useFocus, } from "./dom";
2
- export { useMediaQuery, useColorScheme, useMouse, useKeyCombo, useIdle, } from "./browser";
3
- export { useClipboard, useGeolocation, useTimeAgo, usePagination, } from "./utilities";
1
+ export { WindowSize, ScrollPosition, ElementSize, Intersection, Focus, } from "./dom";
2
+ export { MediaQuery, ColorScheme, Mouse, KeyCombo, Idle } from "./browser";
3
+ export { Clipboard, Geolocation, TimeAgo, Pagination, } from "./utilities";
4
4
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EACL,aAAa,EACb,cAAc,EACd,QAAQ,EACR,WAAW,EACX,OAAO,GACR,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,YAAY,EACZ,cAAc,EACd,UAAU,EACV,aAAa,GACd,MAAM,aAAa,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,cAAc,EACd,WAAW,EACX,YAAY,EACZ,KAAK,GACN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAC3E,OAAO,EACL,SAAS,EACT,WAAW,EACX,OAAO,EACP,UAAU,GAEX,MAAM,aAAa,CAAC"}