solid-tiny-utils 0.4.2 → 0.5.0

package/dist/{chunk-ZGYORUAX.js → chunk-6G7GFZV2.js}

@@ -1,4 +1,4 @@
-// src/lodash/is.ts
+// src/utils/is.ts
 import { isServer } from "solid-js/web";
 var isSymbol = (value) => {
   return !!value && value.constructor === Symbol;

package/dist/{chunk-ILGNNUQK.js → chunk-AKFEDWEF.js}

@@ -1,21 +1,21 @@
 import {
   makeEventListener
-} from "./chunk-OUAI75QC.js";
+} from "./chunk-IQGRRDJZ.js";
 import {
   noop
-} from "./chunk-BGLY6NJK.js";
-import {
-  access
-} from "./chunk-M5A3VVYI.js";
+} from "./chunk-D3JAYNG6.js";
 import {
   createWatch
 } from "./chunk-4L6FK7MF.js";
+import {
+  access
+} from "./chunk-YK5QQQ43.js";
 import {
   clearArray
-} from "./chunk-CSAKXWF3.js";
+} from "./chunk-BT47ISVC.js";
 import {
   isArray
-} from "./chunk-ZGYORUAX.js";
+} from "./chunk-6G7GFZV2.js";
 
 // src/event/create-event-listener.ts
 function createEventListener(...args) {

package/dist/{chunk-CSAKXWF3.js → chunk-BT47ISVC.js}

@@ -1,8 +1,8 @@
 import {
   isFn
-} from "./chunk-ZGYORUAX.js";
+} from "./chunk-6G7GFZV2.js";
 
-// src/lodash/array.ts
+// src/utils/array.ts
 var iterate = (count, func, initValue) => {
   let value = initValue;
   for (let i = 1; i <= count; i++) {

package/dist/{chunk-BGLY6NJK.js → chunk-D3JAYNG6.js}

@@ -1,12 +1,12 @@
-import {
-  access
-} from "./chunk-M5A3VVYI.js";
 import {
   createWatch
 } from "./chunk-4L6FK7MF.js";
+import {
+  access
+} from "./chunk-YK5QQQ43.js";
 import {
   isNumber
-} from "./chunk-ZGYORUAX.js";
+} from "./chunk-6G7GFZV2.js";
 
 // src/fn/create-debounce.ts
 import { onCleanup as onCleanup3 } from "solid-js";

package/dist/{chunk-KVG6TCSE.js → chunk-DKZ3RJJI.js}

@@ -1,6 +1,6 @@
 import {
   isClient
-} from "./chunk-ZGYORUAX.js";
+} from "./chunk-6G7GFZV2.js";
 
 // src/dom/css.ts
 var alreadyInjected = [];
@@ -22,7 +22,25 @@ function mountStyle(style, id, refresh = false) {
   document.head.appendChild(styleElement);
   alreadyInjected.push(id);
 }
+var extractCSSregex = /((?:--)?(?:\w+-?)+)\s*:\s*([^;]*)/g;
+function stringStyleToObject(style) {
+  const object = {};
+  let match = extractCSSregex.exec(style);
+  while (match) {
+    if (match[1] && match[2]) {
+      object[match[1]] = match[2];
+    }
+    match = extractCSSregex.exec(style);
+  }
+  return object;
+}
+function combineStyle(a, b) {
+  const bb = typeof b === "string" ? stringStyleToObject(b) : b;
+  return { ...a, ...bb };
+}
 
 export {
-  mountStyle
+  mountStyle,
+  stringStyleToObject,
+  combineStyle
 };

package/dist/{chunk-NFDGLC4A.js → chunk-DV7LISIY.js}

@@ -1,9 +1,9 @@
 import {
   makeEventListener
-} from "./chunk-OUAI75QC.js";
+} from "./chunk-IQGRRDJZ.js";
 import {
   access
-} from "./chunk-M5A3VVYI.js";
+} from "./chunk-YK5QQQ43.js";
 
 // src/event/create-click-outside.ts
 function createClickOutside(target, handler, options) {

package/dist/chunk-GHJDTAVH.js

@@ -0,0 +1,47 @@
+import {
+  noop
+} from "./chunk-D3JAYNG6.js";
+import {
+  createWatch
+} from "./chunk-4L6FK7MF.js";
+import {
+  access
+} from "./chunk-YK5QQQ43.js";
+import {
+  clearArray
+} from "./chunk-BT47ISVC.js";
+
+// src/event/create-intersection-observer.ts
+import { onCleanup } from "solid-js";
+import { isServer } from "solid-js/web";
+function createIntersectionObserver(targets, callback, options = {}) {
+  if (isServer) {
+    return noop;
+  }
+  const io = new IntersectionObserver(callback, options);
+  onCleanup(() => io.disconnect());
+  const cleanups = [];
+  const cleanup = () => {
+    for (const c of cleanups) {
+      c();
+    }
+    clearArray(cleanups);
+  };
+  createWatch(
+    () => targets.map(access),
+    (elements) => {
+      cleanup();
+      for (const element of elements) {
+        if (element) {
+          io.observe(element);
+          cleanups.push(() => io.unobserve(element));
+        }
+      }
+    }
+  );
+  return () => io.disconnect();
+}
+
+export {
+  createIntersectionObserver
+};

package/dist/{chunk-OUAI75QC.js → chunk-IQGRRDJZ.js}

@@ -1,12 +1,12 @@
 import {
   noop
-} from "./chunk-BGLY6NJK.js";
+} from "./chunk-D3JAYNG6.js";
 import {
   clearArray
-} from "./chunk-CSAKXWF3.js";
+} from "./chunk-BT47ISVC.js";
 import {
   isArray
-} from "./chunk-ZGYORUAX.js";
+} from "./chunk-6G7GFZV2.js";
 
 // src/event/make-event-listener.ts
 import { onCleanup } from "solid-js";

package/dist/{chunk-KFWZFQMB.js → chunk-KKFGUHFR.js}

@@ -1,4 +1,4 @@
-// src/lodash/async.ts
+// src/utils/async.ts
 var sleep = (milliseconds) => {
   return new Promise((res) => setTimeout(res, milliseconds));
 };

package/dist/{chunk-PBALVUKK.js → chunk-QQVSG76Z.js}

@@ -1,8 +1,8 @@
 import {
   iterate
-} from "./chunk-CSAKXWF3.js";
+} from "./chunk-BT47ISVC.js";
 
-// src/lodash/random.ts
+// src/utils/random.ts
 var random = (min, max) => {
   return Math.floor(Math.random() * (max - min + 1) + min);
 };

package/dist/chunk-WWEM5VJO.js

@@ -0,0 +1,66 @@
+import {
+  createWatch
+} from "./chunk-4L6FK7MF.js";
+import {
+  access
+} from "./chunk-YK5QQQ43.js";
+import {
+  isObject
+} from "./chunk-6G7GFZV2.js";
+
+// src/event/create-visibility-observer.ts
+import { createSignal, onCleanup } from "solid-js";
+function createVisibilityObserver(arg1, arg2) {
+  let target;
+  let options;
+  if (arg1 && !isObject(arg1)) {
+    target = arg1;
+    options = arg2 ?? {};
+  } else {
+    options = arg1 ?? {};
+  }
+  const callbacks = /* @__PURE__ */ new WeakMap();
+  const io = new IntersectionObserver((entries, instance) => {
+    for (const entry of entries) {
+      callbacks.get(entry.target)?.(entry, instance);
+    }
+  }, options);
+  onCleanup(() => io.disconnect());
+  const addEntry = (el, callback) => {
+    io.observe(el);
+    callbacks.set(el, callback);
+  };
+  const removeEntry = (el) => {
+    io.unobserve(el);
+    callbacks.delete(el);
+  };
+  const useVisibilityObserverFn = (element) => {
+    const [isVisible, setVisible] = createSignal(
+      options?.initialValue ?? false
+    );
+    let prevEl;
+    createWatch(
+      () => access(element),
+      (el) => {
+        if (prevEl) {
+          removeEntry(prevEl);
+        }
+        if (el) {
+          addEntry(el, (entry) => {
+            setVisible(entry.isIntersecting);
+          });
+          prevEl = el;
+        }
+      }
+    );
+    return isVisible;
+  };
+  if (target) {
+    return useVisibilityObserverFn(target);
+  }
+  return useVisibilityObserverFn;
+}
+
+export {
+  createVisibilityObserver
+};

package/dist/{chunk-PNR5G432.js → chunk-Y4GYGFIT.js}

@@ -1,4 +1,4 @@
-// src/lodash/str.ts
+// src/utils/str.ts
 var capitalize = (str) => {
   if (!str || str.length === 0) {
     return "";

package/dist/{chunk-M5A3VVYI.js → chunk-YK5QQQ43.js}

@@ -1,6 +1,6 @@
 import {
   isFn
-} from "./chunk-ZGYORUAX.js";
+} from "./chunk-6G7GFZV2.js";
 
 // src/reactive/access.ts
 function access(value) {

package/dist/dom/css.d.ts

@@ -1,3 +1,5 @@
+import { JSX } from 'solid-js/jsx-runtime';
+
 /**
  * Mounts a style element to the document head.
  * If the style element with the given id already exists, it updates its content.
@@ -9,5 +11,7 @@
  * @param refresh - Whether to refresh the style if it already exists. Defaults to **false**.
  */
 declare function mountStyle(style: string, id: string, refresh?: boolean): void;
+declare function stringStyleToObject(style: string): JSX.CSSProperties;
+declare function combineStyle(a: JSX.CSSProperties, b: JSX.CSSProperties | string | undefined): JSX.CSSProperties | string;
 
-export { mountStyle };
+export { combineStyle, mountStyle, stringStyleToObject };

package/dist/dom/css.js

@@ -1,12 +1,16 @@
 import {
-  mountStyle
-} from "../chunk-KVG6TCSE.js";
-import "../chunk-OECLQ3OT.js";
-import "../chunk-KFWZFQMB.js";
-import "../chunk-PBALVUKK.js";
-import "../chunk-CSAKXWF3.js";
-import "../chunk-ZGYORUAX.js";
-import "../chunk-PNR5G432.js";
+  combineStyle,
+  mountStyle,
+  stringStyleToObject
+} from "../chunk-DKZ3RJJI.js";
+import "../chunk-MEZ7CXEG.js";
+import "../chunk-QQVSG76Z.js";
+import "../chunk-Y4GYGFIT.js";
+import "../chunk-BT47ISVC.js";
+import "../chunk-6G7GFZV2.js";
+import "../chunk-KKFGUHFR.js";
 export {
-  mountStyle
+  combineStyle,
+  mountStyle,
+  stringStyleToObject
 };

package/dist/dom/index.d.ts

@@ -1 +1,2 @@
-export { mountStyle } from './css.js';
+export { combineStyle, mountStyle, stringStyleToObject } from './css.js';
+import 'solid-js/jsx-runtime';

package/dist/dom/index.js

@@ -1,13 +1,17 @@
 import "../chunk-FFBJP5FE.js";
 import {
-  mountStyle
-} from "../chunk-KVG6TCSE.js";
-import "../chunk-OECLQ3OT.js";
-import "../chunk-KFWZFQMB.js";
-import "../chunk-PBALVUKK.js";
-import "../chunk-CSAKXWF3.js";
-import "../chunk-ZGYORUAX.js";
-import "../chunk-PNR5G432.js";
+  combineStyle,
+  mountStyle,
+  stringStyleToObject
+} from "../chunk-DKZ3RJJI.js";
+import "../chunk-MEZ7CXEG.js";
+import "../chunk-QQVSG76Z.js";
+import "../chunk-Y4GYGFIT.js";
+import "../chunk-BT47ISVC.js";
+import "../chunk-6G7GFZV2.js";
+import "../chunk-KKFGUHFR.js";
 export {
-  mountStyle
+  combineStyle,
+  mountStyle,
+  stringStyleToObject
 };

package/dist/event/create-click-outside.js

@@ -1,16 +1,16 @@
 import {
   createClickOutside
-} from "../chunk-NFDGLC4A.js";
-import "../chunk-OUAI75QC.js";
-import "../chunk-BGLY6NJK.js";
-import "../chunk-M5A3VVYI.js";
+} from "../chunk-DV7LISIY.js";
+import "../chunk-IQGRRDJZ.js";
+import "../chunk-D3JAYNG6.js";
 import "../chunk-4L6FK7MF.js";
-import "../chunk-OECLQ3OT.js";
-import "../chunk-KFWZFQMB.js";
-import "../chunk-PBALVUKK.js";
-import "../chunk-CSAKXWF3.js";
-import "../chunk-ZGYORUAX.js";
-import "../chunk-PNR5G432.js";
+import "../chunk-YK5QQQ43.js";
+import "../chunk-MEZ7CXEG.js";
+import "../chunk-QQVSG76Z.js";
+import "../chunk-Y4GYGFIT.js";
+import "../chunk-BT47ISVC.js";
+import "../chunk-6G7GFZV2.js";
+import "../chunk-KKFGUHFR.js";
 export {
   createClickOutside
 };

package/dist/event/create-event-listener.js

@@ -1,16 +1,16 @@
 import {
   createEventListener
-} from "../chunk-ILGNNUQK.js";
-import "../chunk-OUAI75QC.js";
-import "../chunk-BGLY6NJK.js";
-import "../chunk-M5A3VVYI.js";
+} from "../chunk-AKFEDWEF.js";
+import "../chunk-IQGRRDJZ.js";
+import "../chunk-D3JAYNG6.js";
 import "../chunk-4L6FK7MF.js";
-import "../chunk-OECLQ3OT.js";
-import "../chunk-KFWZFQMB.js";
-import "../chunk-PBALVUKK.js";
-import "../chunk-CSAKXWF3.js";
-import "../chunk-ZGYORUAX.js";
-import "../chunk-PNR5G432.js";
+import "../chunk-YK5QQQ43.js";
+import "../chunk-MEZ7CXEG.js";
+import "../chunk-QQVSG76Z.js";
+import "../chunk-Y4GYGFIT.js";
+import "../chunk-BT47ISVC.js";
+import "../chunk-6G7GFZV2.js";
+import "../chunk-KKFGUHFR.js";
 export {
   createEventListener
 };

package/dist/event/create-intersection-observer.d.ts

@@ -0,0 +1,6 @@
+import { MaybeAccessor } from '../types/maybe.js';
+import 'solid-js';
+
+declare function createIntersectionObserver(targets: MaybeAccessor<HTMLElement | null | undefined>[], callback: IntersectionObserverCallback, options?: IntersectionObserverInit): () => void;
+
+export { createIntersectionObserver };

package/dist/event/create-intersection-observer.js

@@ -0,0 +1,15 @@
+import {
+  createIntersectionObserver
+} from "../chunk-GHJDTAVH.js";
+import "../chunk-D3JAYNG6.js";
+import "../chunk-4L6FK7MF.js";
+import "../chunk-YK5QQQ43.js";
+import "../chunk-MEZ7CXEG.js";
+import "../chunk-QQVSG76Z.js";
+import "../chunk-Y4GYGFIT.js";
+import "../chunk-BT47ISVC.js";
+import "../chunk-6G7GFZV2.js";
+import "../chunk-KKFGUHFR.js";
+export {
+  createIntersectionObserver
+};

package/dist/event/create-visibility-observer.d.ts

@@ -0,0 +1,12 @@
+import { Accessor } from 'solid-js';
+import { MaybeNullableAccessor } from '../types/maybe.js';
+
+type UseVisibilityObserverFn = (target: MaybeNullableAccessor<HTMLElement>) => Accessor<boolean>;
+type CreateVisibilityObserverOption = IntersectionObserverInit & {
+    initialValue?: boolean;
+};
+type EntryCallback = (entry: IntersectionObserverEntry, instance: IntersectionObserver) => void;
+declare function createVisibilityObserver(options?: CreateVisibilityObserverOption): UseVisibilityObserverFn;
+declare function createVisibilityObserver(target: MaybeNullableAccessor<HTMLElement>, options?: CreateVisibilityObserverOption): Accessor<boolean>;
+
+export { type CreateVisibilityObserverOption, type EntryCallback, type UseVisibilityObserverFn, createVisibilityObserver };

package/dist/event/create-visibility-observer.js

@@ -0,0 +1,15 @@
+import {
+  createVisibilityObserver
+} from "../chunk-WWEM5VJO.js";
+import "../chunk-D3JAYNG6.js";
+import "../chunk-4L6FK7MF.js";
+import "../chunk-YK5QQQ43.js";
+import "../chunk-MEZ7CXEG.js";
+import "../chunk-QQVSG76Z.js";
+import "../chunk-Y4GYGFIT.js";
+import "../chunk-BT47ISVC.js";
+import "../chunk-6G7GFZV2.js";
+import "../chunk-KKFGUHFR.js";
+export {
+  createVisibilityObserver
+};

package/dist/event/index.d.ts

@@ -1,5 +1,7 @@
 export { createClickOutside } from './create-click-outside.js';
 export { createEventListener } from './create-event-listener.js';
+export { createIntersectionObserver } from './create-intersection-observer.js';
+export { CreateVisibilityObserverOption, EntryCallback, UseVisibilityObserverFn, createVisibilityObserver } from './create-visibility-observer.js';
 export { DocumentEventName, GeneralEventListener, WindowEventName, makeEventListener } from './make-event-listener.js';
 import '../types/maybe.js';
 import 'solid-js';

package/dist/event/index.js

@@ -1,24 +1,32 @@
-import "../chunk-B6TZK2S5.js";
+import "../chunk-LUFOWTRW.js";
 import {
   createClickOutside
-} from "../chunk-NFDGLC4A.js";
+} from "../chunk-DV7LISIY.js";
 import {
   createEventListener
-} from "../chunk-ILGNNUQK.js";
+} from "../chunk-AKFEDWEF.js";
 import {
   makeEventListener
-} from "../chunk-OUAI75QC.js";
-import "../chunk-BGLY6NJK.js";
-import "../chunk-M5A3VVYI.js";
+} from "../chunk-IQGRRDJZ.js";
+import {
+  createIntersectionObserver
+} from "../chunk-GHJDTAVH.js";
+import {
+  createVisibilityObserver
+} from "../chunk-WWEM5VJO.js";
+import "../chunk-D3JAYNG6.js";
 import "../chunk-4L6FK7MF.js";
-import "../chunk-OECLQ3OT.js";
-import "../chunk-KFWZFQMB.js";
-import "../chunk-PBALVUKK.js";
-import "../chunk-CSAKXWF3.js";
-import "../chunk-ZGYORUAX.js";
-import "../chunk-PNR5G432.js";
+import "../chunk-YK5QQQ43.js";
+import "../chunk-MEZ7CXEG.js";
+import "../chunk-QQVSG76Z.js";
+import "../chunk-Y4GYGFIT.js";
+import "../chunk-BT47ISVC.js";
+import "../chunk-6G7GFZV2.js";
+import "../chunk-KKFGUHFR.js";
 export {
   createClickOutside,
   createEventListener,
+  createIntersectionObserver,
+  createVisibilityObserver,
   makeEventListener
 };

package/dist/event/make-event-listener.js

@@ -1,15 +1,15 @@
 import {
   makeEventListener
-} from "../chunk-OUAI75QC.js";
-import "../chunk-BGLY6NJK.js";
-import "../chunk-M5A3VVYI.js";
+} from "../chunk-IQGRRDJZ.js";
+import "../chunk-D3JAYNG6.js";
 import "../chunk-4L6FK7MF.js";
-import "../chunk-OECLQ3OT.js";
-import "../chunk-KFWZFQMB.js";
-import "../chunk-PBALVUKK.js";
-import "../chunk-CSAKXWF3.js";
-import "../chunk-ZGYORUAX.js";
-import "../chunk-PNR5G432.js";
+import "../chunk-YK5QQQ43.js";
+import "../chunk-MEZ7CXEG.js";
+import "../chunk-QQVSG76Z.js";
+import "../chunk-Y4GYGFIT.js";
+import "../chunk-BT47ISVC.js";
+import "../chunk-6G7GFZV2.js";
+import "../chunk-KKFGUHFR.js";
 export {
   makeEventListener
 };

package/dist/fn/create-debounce.js

@@ -1,14 +1,14 @@
 import {
   createDebounce
-} from "../chunk-BGLY6NJK.js";
-import "../chunk-M5A3VVYI.js";
+} from "../chunk-D3JAYNG6.js";
 import "../chunk-4L6FK7MF.js";
-import "../chunk-OECLQ3OT.js";
-import "../chunk-KFWZFQMB.js";
-import "../chunk-PBALVUKK.js";
-import "../chunk-CSAKXWF3.js";
-import "../chunk-ZGYORUAX.js";
-import "../chunk-PNR5G432.js";
+import "../chunk-YK5QQQ43.js";
+import "../chunk-MEZ7CXEG.js";
+import "../chunk-QQVSG76Z.js";
+import "../chunk-Y4GYGFIT.js";
+import "../chunk-BT47ISVC.js";
+import "../chunk-6G7GFZV2.js";
+import "../chunk-KKFGUHFR.js";
 export {
   createDebounce
 };

package/dist/fn/create-loop-exec.js

@@ -1,14 +1,14 @@
 import {
   createLoopExec
-} from "../chunk-BGLY6NJK.js";
-import "../chunk-M5A3VVYI.js";
+} from "../chunk-D3JAYNG6.js";
 import "../chunk-4L6FK7MF.js";
-import "../chunk-OECLQ3OT.js";
-import "../chunk-KFWZFQMB.js";
-import "../chunk-PBALVUKK.js";
-import "../chunk-CSAKXWF3.js";
-import "../chunk-ZGYORUAX.js";
-import "../chunk-PNR5G432.js";
+import "../chunk-YK5QQQ43.js";
+import "../chunk-MEZ7CXEG.js";
+import "../chunk-QQVSG76Z.js";
+import "../chunk-Y4GYGFIT.js";
+import "../chunk-BT47ISVC.js";
+import "../chunk-6G7GFZV2.js";
+import "../chunk-KKFGUHFR.js";
 export {
   createLoopExec
 };

package/dist/fn/create-throttle.js

@@ -1,14 +1,14 @@
 import {
   createThrottle
-} from "../chunk-BGLY6NJK.js";
-import "../chunk-M5A3VVYI.js";
+} from "../chunk-D3JAYNG6.js";
 import "../chunk-4L6FK7MF.js";
-import "../chunk-OECLQ3OT.js";
-import "../chunk-KFWZFQMB.js";
-import "../chunk-PBALVUKK.js";
-import "../chunk-CSAKXWF3.js";
-import "../chunk-ZGYORUAX.js";
-import "../chunk-PNR5G432.js";
+import "../chunk-YK5QQQ43.js";
+import "../chunk-MEZ7CXEG.js";
+import "../chunk-QQVSG76Z.js";
+import "../chunk-Y4GYGFIT.js";
+import "../chunk-BT47ISVC.js";
+import "../chunk-6G7GFZV2.js";
+import "../chunk-KKFGUHFR.js";
 export {
   createThrottle
 };

package/dist/fn/index.js

@@ -3,15 +3,15 @@ import {
   createLoopExec,
   createThrottle,
   noop
-} from "../chunk-BGLY6NJK.js";
-import "../chunk-M5A3VVYI.js";
+} from "../chunk-D3JAYNG6.js";
 import "../chunk-4L6FK7MF.js";
-import "../chunk-OECLQ3OT.js";
-import "../chunk-KFWZFQMB.js";
-import "../chunk-PBALVUKK.js";
-import "../chunk-CSAKXWF3.js";
-import "../chunk-ZGYORUAX.js";
-import "../chunk-PNR5G432.js";
+import "../chunk-YK5QQQ43.js";
+import "../chunk-MEZ7CXEG.js";
+import "../chunk-QQVSG76Z.js";
+import "../chunk-Y4GYGFIT.js";
+import "../chunk-BT47ISVC.js";
+import "../chunk-6G7GFZV2.js";
+import "../chunk-KKFGUHFR.js";
 export {
   createDebounce,
   createLoopExec,

package/dist/index.d.ts

@@ -1,20 +1,23 @@
-export { mountStyle } from './dom/css.js';
+export { combineStyle, mountStyle, stringStyleToObject } from './dom/css.js';
 export { createClickOutside } from './event/create-click-outside.js';
 export { createEventListener } from './event/create-event-listener.js';
+export { createIntersectionObserver } from './event/create-intersection-observer.js';
+export { CreateVisibilityObserverOption, EntryCallback, UseVisibilityObserverFn, createVisibilityObserver } from './event/create-visibility-observer.js';
 export { DocumentEventName, GeneralEventListener, WindowEventName, makeEventListener } from './event/make-event-listener.js';
 export { noop } from './fn/index.js';
 export { dataIf } from './jsx/attrs.js';
-export { clearArray, iterate, list, range } from './lodash/array.js';
-export { sleep } from './lodash/async.js';
-export { isArray, isClient, isDate, isEmpty, isFloat, isFn, isInt, isNumber, isObject, isPrimitive, isPromise, isString, isSymbol } from './lodash/is.js';
-export { draw, random, shuffle, uid } from './lodash/random.js';
-export { camel, capitalize, dash, pascal, snake, template, title, trim } from './lodash/str.js';
 export { access } from './reactive/access.js';
 export { createDebouncedWatch } from './reactive/create-debounce-watch.js';
 export { createWatch } from './reactive/create-watch.js';
 export { AnyFn, Fn } from './types/fn.js';
-export { MaybeAccessor, MaybeArray, MaybePromise } from './types/maybe.js';
+export { MaybeAccessor, MaybeArray, MaybeNullableAccessor, MaybePromise } from './types/maybe.js';
+export { clearArray, iterate, list, range } from './utils/array.js';
+export { sleep } from './utils/async.js';
+export { isArray, isClient, isDate, isEmpty, isFloat, isFn, isInt, isNumber, isObject, isPrimitive, isPromise, isString, isSymbol } from './utils/is.js';
+export { draw, random, shuffle, uid } from './utils/random.js';
+export { camel, capitalize, dash, pascal, snake, template, title, trim } from './utils/str.js';
 export { createDebounce } from './fn/create-debounce.js';
 export { createLoopExec } from './fn/create-loop-exec.js';
 export { createThrottle } from './fn/create-throttle.js';
+import 'solid-js/jsx-runtime';
 import 'solid-js';

package/dist/index.js

@@ -1,53 +1,68 @@
 import "./chunk-SK6Y2YH6.js";
-import "./chunk-EZML2DEC.js";
 import "./chunk-AZAXMGEB.js";
+import "./chunk-EZML2DEC.js";
 import "./chunk-YXRZ2KMJ.js";
 import {
   dataIf
 } from "./chunk-II6INKPZ.js";
 import "./chunk-FFBJP5FE.js";
 import {
-  mountStyle
-} from "./chunk-KVG6TCSE.js";
-import "./chunk-B6TZK2S5.js";
+  combineStyle,
+  mountStyle,
+  stringStyleToObject
+} from "./chunk-DKZ3RJJI.js";
+import "./chunk-LUFOWTRW.js";
 import {
   createClickOutside
-} from "./chunk-NFDGLC4A.js";
+} from "./chunk-DV7LISIY.js";
 import {
   createEventListener
-} from "./chunk-ILGNNUQK.js";
+} from "./chunk-AKFEDWEF.js";
 import {
   makeEventListener
-} from "./chunk-OUAI75QC.js";
+} from "./chunk-IQGRRDJZ.js";
+import {
+  createIntersectionObserver
+} from "./chunk-GHJDTAVH.js";
+import {
+  createVisibilityObserver
+} from "./chunk-WWEM5VJO.js";
 import {
   createDebounce,
   createDebouncedWatch,
   createLoopExec,
   createThrottle,
   noop
-} from "./chunk-BGLY6NJK.js";
-import {
-  access
-} from "./chunk-M5A3VVYI.js";
+} from "./chunk-D3JAYNG6.js";
 import {
   createWatch
 } from "./chunk-4L6FK7MF.js";
-import "./chunk-OECLQ3OT.js";
 import {
-  sleep
-} from "./chunk-KFWZFQMB.js";
+  access
+} from "./chunk-YK5QQQ43.js";
+import "./chunk-MEZ7CXEG.js";
 import {
   draw,
   random,
   shuffle,
   uid
-} from "./chunk-PBALVUKK.js";
+} from "./chunk-QQVSG76Z.js";
+import {
+  camel,
+  capitalize,
+  dash,
+  pascal,
+  snake,
+  template,
+  title,
+  trim
+} from "./chunk-Y4GYGFIT.js";
 import {
   clearArray,
   iterate,
   list,
   range
-} from "./chunk-CSAKXWF3.js";
+} from "./chunk-BT47ISVC.js";
 import {
   isArray,
   isClient,
@@ -62,28 +77,24 @@ import {
   isPromise,
   isString,
   isSymbol
-} from "./chunk-ZGYORUAX.js";
+} from "./chunk-6G7GFZV2.js";
 import {
-  camel,
-  capitalize,
-  dash,
-  pascal,
-  snake,
-  template,
-  title,
-  trim
-} from "./chunk-PNR5G432.js";
+  sleep
+} from "./chunk-KKFGUHFR.js";
 export {
   access,
   camel,
   capitalize,
   clearArray,
+  combineStyle,
   createClickOutside,
   createDebounce,
   createDebouncedWatch,
   createEventListener,
+  createIntersectionObserver,
   createLoopExec,
   createThrottle,
+  createVisibilityObserver,
   createWatch,
   dash,
   dataIf,
@@ -112,6 +123,7 @@ export {
   shuffle,
   sleep,
   snake,
+  stringStyleToObject,
   template,
   title,
   trim,

package/dist/reactive/access.js

@@ -1,12 +1,12 @@
 import {
   access
-} from "../chunk-M5A3VVYI.js";
-import "../chunk-OECLQ3OT.js";
-import "../chunk-KFWZFQMB.js";
-import "../chunk-PBALVUKK.js";
-import "../chunk-CSAKXWF3.js";
-import "../chunk-ZGYORUAX.js";
-import "../chunk-PNR5G432.js";
+} from "../chunk-YK5QQQ43.js";
+import "../chunk-MEZ7CXEG.js";
+import "../chunk-QQVSG76Z.js";
+import "../chunk-Y4GYGFIT.js";
+import "../chunk-BT47ISVC.js";
+import "../chunk-6G7GFZV2.js";
+import "../chunk-KKFGUHFR.js";
 export {
   access
 };

package/dist/reactive/create-debounce-watch.js

@@ -1,14 +1,14 @@
 import {
   createDebouncedWatch
-} from "../chunk-BGLY6NJK.js";
-import "../chunk-M5A3VVYI.js";
+} from "../chunk-D3JAYNG6.js";
 import "../chunk-4L6FK7MF.js";
-import "../chunk-OECLQ3OT.js";
-import "../chunk-KFWZFQMB.js";
-import "../chunk-PBALVUKK.js";
-import "../chunk-CSAKXWF3.js";
-import "../chunk-ZGYORUAX.js";
-import "../chunk-PNR5G432.js";
+import "../chunk-YK5QQQ43.js";
+import "../chunk-MEZ7CXEG.js";
+import "../chunk-QQVSG76Z.js";
+import "../chunk-Y4GYGFIT.js";
+import "../chunk-BT47ISVC.js";
+import "../chunk-6G7GFZV2.js";
+import "../chunk-KKFGUHFR.js";
 export {
   createDebouncedWatch
 };

package/dist/reactive/index.js

@@ -1,18 +1,18 @@
 import {
   createDebouncedWatch
-} from "../chunk-BGLY6NJK.js";
-import {
-  access
-} from "../chunk-M5A3VVYI.js";
+} from "../chunk-D3JAYNG6.js";
 import {
   createWatch
 } from "../chunk-4L6FK7MF.js";
-import "../chunk-OECLQ3OT.js";
-import "../chunk-KFWZFQMB.js";
-import "../chunk-PBALVUKK.js";
-import "../chunk-CSAKXWF3.js";
-import "../chunk-ZGYORUAX.js";
-import "../chunk-PNR5G432.js";
+import {
+  access
+} from "../chunk-YK5QQQ43.js";
+import "../chunk-MEZ7CXEG.js";
+import "../chunk-QQVSG76Z.js";
+import "../chunk-Y4GYGFIT.js";
+import "../chunk-BT47ISVC.js";
+import "../chunk-6G7GFZV2.js";
+import "../chunk-KKFGUHFR.js";
 export {
   access,
   createDebouncedWatch,

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
 export { AnyFn, Fn } from './fn.js';
-export { MaybeAccessor, MaybeArray, MaybePromise } from './maybe.js';
+export { MaybeAccessor, MaybeArray, MaybeNullableAccessor, MaybePromise } from './maybe.js';
 import 'solid-js';

package/dist/types/index.js

@@ -1,3 +1,3 @@
 import "../chunk-SK6Y2YH6.js";
-import "../chunk-EZML2DEC.js";
 import "../chunk-AZAXMGEB.js";
+import "../chunk-EZML2DEC.js";

package/dist/types/maybe.d.ts

@@ -3,5 +3,6 @@ import { Accessor } from 'solid-js';
 type MaybeArray<T> = T | T[];
 type MaybePromise<T> = T | Promise<T>;
 type MaybeAccessor<T> = T | Accessor<T>;
+type MaybeNullableAccessor<T> = T | Accessor<T | null | undefined>;
 
-export type { MaybeAccessor, MaybeArray, MaybePromise };
+export type { MaybeAccessor, MaybeArray, MaybeNullableAccessor, MaybePromise };

package/dist/{lodash → utils}/array.js

@@ -3,8 +3,8 @@ import {
   iterate,
   list,
   range
-} from "../chunk-CSAKXWF3.js";
-import "../chunk-ZGYORUAX.js";
+} from "../chunk-BT47ISVC.js";
+import "../chunk-6G7GFZV2.js";
 export {
   clearArray,
   iterate,

package/dist/{lodash → utils}/async.js

@@ -1,6 +1,6 @@
 import {
   sleep
-} from "../chunk-KFWZFQMB.js";
+} from "../chunk-KKFGUHFR.js";
 export {
   sleep
 };

package/dist/{lodash → utils}/index.js

@@ -1,19 +1,26 @@
-import "../chunk-OECLQ3OT.js";
-import {
-  sleep
-} from "../chunk-KFWZFQMB.js";
+import "../chunk-MEZ7CXEG.js";
 import {
   draw,
   random,
   shuffle,
   uid
-} from "../chunk-PBALVUKK.js";
+} from "../chunk-QQVSG76Z.js";
+import {
+  camel,
+  capitalize,
+  dash,
+  pascal,
+  snake,
+  template,
+  title,
+  trim
+} from "../chunk-Y4GYGFIT.js";
 import {
   clearArray,
   iterate,
   list,
   range
-} from "../chunk-CSAKXWF3.js";
+} from "../chunk-BT47ISVC.js";
 import {
   isArray,
   isClient,
@@ -28,17 +35,10 @@ import {
   isPromise,
   isString,
   isSymbol
-} from "../chunk-ZGYORUAX.js";
+} from "../chunk-6G7GFZV2.js";
 import {
-  camel,
-  capitalize,
-  dash,
-  pascal,
-  snake,
-  template,
-  title,
-  trim
-} from "../chunk-PNR5G432.js";
+  sleep
+} from "../chunk-KKFGUHFR.js";
 export {
   camel,
   capitalize,

package/dist/{lodash → utils}/is.js

@@ -12,7 +12,7 @@ import {
   isPromise,
   isString,
   isSymbol
-} from "../chunk-ZGYORUAX.js";
+} from "../chunk-6G7GFZV2.js";
 export {
   isArray,
   isClient,

package/dist/utils/object.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Get entries of an object
+ */
+declare const entries: <T extends object>(obj: T) => [keyof T, T[keyof T]][];
+/**
+ * Get keys of an object
+ */
+declare const keys: <T extends object>(object: T) => (keyof T)[];
+
+export { entries, keys };

package/dist/utils/object.js

@@ -0,0 +1,7 @@
+// src/utils/object.ts
+var entries = Object.entries;
+var keys = Object.keys;
+export {
+  entries,
+  keys
+};

package/dist/utils/random.js

@@ -0,0 +1,14 @@
+import {
+  draw,
+  random,
+  shuffle,
+  uid
+} from "../chunk-QQVSG76Z.js";
+import "../chunk-BT47ISVC.js";
+import "../chunk-6G7GFZV2.js";
+export {
+  draw,
+  random,
+  shuffle,
+  uid
+};

package/dist/{lodash → utils}/str.js

@@ -7,7 +7,7 @@ import {
   template,
   title,
   trim
-} from "../chunk-PNR5G432.js";
+} from "../chunk-Y4GYGFIT.js";
 export {
   camel,
   capitalize,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-tiny-utils",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "description": "A collection of tiny utilities for SolidJS applications",
   "main": "./dist/index.js",
   "type": "module",
@@ -12,7 +12,8 @@
     "solid-js": "^1.9.7"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.1.2",
+    "@biomejs/biome": "2.2.0",
+    "@solidjs/router": "^0.15.3",
     "@solidjs/testing-library": "^0.8.10",
     "@testing-library/jest-dom": "^6.6.4",
     "@testing-library/user-event": "^14.6.1",
@@ -23,10 +24,11 @@
     "jsdom": "^26.1.0",
     "tsup": "^8.5.0",
     "typescript": "^5.8.3",
-    "ultracite": "5.1.2",
+    "ultracite": "5.2.2",
     "unocss": "^66.3.3",
     "vite": "^6.2.1",
     "vite-plugin-solid": "^2.11.0",
+    "vite-plugin-solid-pages": "^0.3.4",
     "vitest": "^3.2.4"
   },
   "keywords": [
@@ -44,7 +46,7 @@
   },
   "scripts": {
     "build": "tsup",
-    "dev": "vite",
+    "dev": "vite -c ./playground/vite.config.ts",
     "test": "vitest",
     "clean": "rimraf dist node_modules pnpm-lock.yaml",
     "test:run": "vitest --run",

package/dist/lodash/random.js

@@ -1,14 +0,0 @@
-import {
-  draw,
-  random,
-  shuffle,
-  uid
-} from "../chunk-PBALVUKK.js";
-import "../chunk-CSAKXWF3.js";
-import "../chunk-ZGYORUAX.js";
-export {
-  draw,
-  random,
-  shuffle,
-  uid
-};