@bouko/react 2.5.9 → 2.6.1

package/dist/components/upload/file.js

@@ -1,23 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { useDropzone } from "react-dropzone";
-import { cn } from "@bouko/style";
-import PaperClip from "../../assets/icons/paperclip.svg";
-export function FileUploader({ style, accept = [], update }) {
-    const onDrop = useCallback((files) => {
-        if (files.length > 0)
-            update(files[0]);
-    }, []);
-    const { getRootProps, getInputProps, isDragActive, inputRef } = useDropzone({
-        onDrop
-    });
-    const upload = () => inputRef.current?.click();
-    const save = (e) => update((e.target.files ?? [])[0]);
-    return (_jsxs("div", { className: cn(styles.container, isDragActive && "bg-background-light/40 border-border-light", style), onClick: upload, ...getRootProps(), children: [_jsxs("span", { className: styles.title, children: [_jsx(PaperClip, {}), "Drag and drop a file, or"] }), _jsx("span", { className: styles.subtitle, children: "browse" }), _jsx("input", { type: "file", className: "hidden", onChange: save, accept: accept.join(","), multiple: false, ...getInputProps() })] }));
-}
-const styles = {
-    container: "flex flex-col justify-center items-center gap-1 w-full py-3 hover:bg-background-light/40 border-2 border-dashed border-border hover:border-border-light rounded overflow-hidden duration-200 cursor-pointer",
-    title: "flex gap-2 items-center font-semibold text-sm",
-    subtitle: "text-xs text-primary-darker"
-};
-export default FileUploader;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { useDropzone } from "react-dropzone";
+import { cn } from "@bouko/style";
+import PaperClip from "../../assets/icons/paperclip.svg";
+export function FileUploader({ style, accept = [], update }) {
+    const onDrop = useCallback((files) => {
+        if (files.length > 0)
+            update(files[0]);
+    }, []);
+    const { getRootProps, getInputProps, isDragActive, inputRef } = useDropzone({
+        onDrop
+    });
+    const upload = () => inputRef.current?.click();
+    const save = (e) => update((e.target.files ?? [])[0]);
+    return (_jsxs("div", { className: cn(styles.container, isDragActive && "bg-background-light/40 border-border-light", style), onClick: upload, ...getRootProps(), children: [_jsxs("span", { className: styles.title, children: [_jsx(PaperClip, {}, void 0), "Drag and drop a file, or"] }, void 0), _jsx("span", { className: styles.subtitle, children: "browse" }, void 0), _jsx("input", { type: "file", className: "hidden", onChange: save, accept: accept.join(","), multiple: false, ...getInputProps() }, void 0)] }, void 0));
+}
+const styles = {
+    container: "flex flex-col justify-center items-center gap-1 w-full py-3 hover:bg-background-light/40 border-2 border-dashed border-border hover:border-border-light rounded overflow-hidden duration-200 cursor-pointer",
+    title: "flex gap-2 items-center font-semibold text-sm",
+    subtitle: "text-xs text-primary-darker"
+};
+export default FileUploader;

package/dist/components/waveform/index.d.ts

@@ -1,8 +1,8 @@
-import { type GenericPlugin } from "wavesurfer.js/dist/base-plugin";
-type Props = {
-    file: File;
-    height: number;
-    plugins: GenericPlugin[];
-};
-export default function Waveform({ file, height, plugins }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+import { type GenericPlugin } from "wavesurfer.js/dist/base-plugin";
+declare type Props = {
+    file: File;
+    height: number;
+    plugins: GenericPlugin[];
+};
+export default function Waveform({ file, height, plugins }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/waveform/index.js

@@ -1,11 +1,11 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { squiggly } from "./patterns";
-import { default as Player } from "@wavesurfer/react";
-export default function Waveform({ file, height, plugins }) {
-    const url = useMemo(() => URL.createObjectURL(file), [file]);
-    const plugins2 = useMemo(() => plugins, [plugins]);
-    const waves = useMemo(() => squiggly, []);
-    return (_jsx(Player, { height: height, url: url, waveColor: "#1c1d23", progressColor: "#0085e4", cursorWidth: 2, renderFunction: waves, plugins: plugins2 }));
-}
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { squiggly } from "./patterns";
+import { default as Player } from "@wavesurfer/react";
+export default function Waveform({ file, height, plugins }) {
+    const url = useMemo(() => URL.createObjectURL(file), [file]);
+    const plugins2 = useMemo(() => plugins, [plugins]);
+    const waves = useMemo(() => squiggly, []);
+    return (_jsx(Player, { height: height, url: url, waveColor: "#1c1d23", progressColor: "#0085e4", cursorWidth: 2, renderFunction: waves, plugins: plugins2 }, void 0));
+}

package/dist/components/waveform/patterns.d.ts

@@ -1 +1 @@
-export declare function squiggly(channels: (Float32Array | number[])[], ctx: CanvasRenderingContext2D): void;
+export declare function squiggly(channels: (Float32Array | number[])[], ctx: CanvasRenderingContext2D): void;

package/dist/components/waveform/patterns.js

@@ -1,27 +1,27 @@
-export function squiggly(channels, ctx) {
-    const { width, height } = ctx.canvas;
-    const scale = channels[0].length / width;
-    const step = 12;
-    ctx.translate(0, height / 2);
-    ctx.strokeStyle = ctx.fillStyle;
-    ctx.lineWidth = 3;
-    ctx.beginPath();
-    for (let i = 0; i < width; i += step * 2) {
-        const index = Math.floor(i * scale);
-        const value = Math.abs(channels[0][index]);
-        let x = i;
-        let y = value * height;
-        ctx.moveTo(x, 0);
-        ctx.lineTo(x, y);
-        ctx.arc(x + step / 2, y, step / 2, Math.PI, 0, true);
-        ctx.lineTo(x + step, 0);
-        x = x + step;
-        y = -y;
-        ctx.moveTo(x, 0);
-        ctx.lineTo(x, y);
-        ctx.arc(x + step / 2, y, step / 2, Math.PI, 0, false);
-        ctx.lineTo(x + step, 0);
-    }
-    ctx.stroke();
-    ctx.closePath();
-}
+export function squiggly(channels, ctx) {
+    const { width, height } = ctx.canvas;
+    const scale = channels[0].length / width;
+    const step = 12;
+    ctx.translate(0, height / 2);
+    ctx.strokeStyle = ctx.fillStyle;
+    ctx.lineWidth = 3;
+    ctx.beginPath();
+    for (let i = 0; i < width; i += step * 2) {
+        const index = Math.floor(i * scale);
+        const value = Math.abs(channels[0][index]);
+        let x = i;
+        let y = value * height;
+        ctx.moveTo(x, 0);
+        ctx.lineTo(x, y);
+        ctx.arc(x + step / 2, y, step / 2, Math.PI, 0, true);
+        ctx.lineTo(x + step, 0);
+        x = x + step;
+        y = -y;
+        ctx.moveTo(x, 0);
+        ctx.lineTo(x, y);
+        ctx.arc(x + step / 2, y, step / 2, Math.PI, 0, false);
+        ctx.lineTo(x + step, 0);
+    }
+    ctx.stroke();
+    ctx.closePath();
+}

package/dist/core/classes.js

@@ -1 +1 @@
-"use strict";
+"use strict";

package/dist/core/format.d.ts

@@ -1,3 +1,3 @@
-import { ReactNode } from "react";
-export declare const rn: (...elements: ReactNode[]) => import("react/jsx-runtime").JSX.Element;
-export declare const formatText: (text: string) => import("react/jsx-runtime").JSX.Element;
+import { ReactNode } from "react";
+export declare const rn: (...elements: ReactNode[]) => import("react/jsx-runtime").JSX.Element;
+export declare const formatText: (text: string) => import("react/jsx-runtime").JSX.Element;

package/dist/core/format.js

@@ -1,34 +1,34 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment } from "react";
-const delimiterConfig = [
-    { delimiter: "**", render: (text, key) => _jsx("span", { className: "font-bold", children: text }, key) },
-    { delimiter: "~~", render: (text, key) => _jsx("span", { className: "font-semibold", children: text }, key) },
-    { delimiter: "^^", render: (text, key) => _jsx("span", { className: "text-accent", children: text }, key) },
-];
-const escapeRegex = (str) => str.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
-const delimiters = delimiterConfig.map(({ delimiter }) => escapeRegex(delimiter) + ".*?" + escapeRegex(delimiter)).join("|");
-const WRAPPED_TEXT_REGEX = new RegExp(`(${delimiters})`, "g");
-export const rn = (...elements) => (_jsx(Fragment, { children: elements.map((x, i) => (_jsx(Fragment, { children: x }, i))) }));
-const isWrapped = (x, wrapper) => x.startsWith(wrapper) && x.endsWith(wrapper);
-export const formatText = (text) => {
-    const parts = text
-        .split(WRAPPED_TEXT_REGEX)
-        .filter(Boolean);
-    const formatted = parts.map((x, i) => {
-        if (isWrapped(x, "**")) {
-            // Remove only the first and last occurrence of the delimiter
-            const content = x.slice(2, -2);
-            return _jsx("span", { className: "font-bold", children: content }, i);
-        }
-        else if (isWrapped(x, "~~")) {
-            const content = x.slice(2, -2);
-            return _jsx("span", { className: "font-semibold", children: content }, i);
-        }
-        else if (isWrapped(x, "^^")) {
-            const content = x.slice(2, -2);
-            return _jsx("span", { className: "text-accent", children: content }, i);
-        }
-        return x;
-    });
-    return _jsx("span", { children: formatted });
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment } from "react";
+const delimiterConfig = [
+    { delimiter: "**", render: (text, key) => _jsx("span", { className: "font-bold", children: text }, key) },
+    { delimiter: "~~", render: (text, key) => _jsx("span", { className: "font-semibold", children: text }, key) },
+    { delimiter: "^^", render: (text, key) => _jsx("span", { className: "text-accent", children: text }, key) },
+];
+const escapeRegex = (str) => str.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+const delimiters = delimiterConfig.map(({ delimiter }) => escapeRegex(delimiter) + ".*?" + escapeRegex(delimiter)).join("|");
+const WRAPPED_TEXT_REGEX = new RegExp(`(${delimiters})`, "g");
+export const rn = (...elements) => (_jsx(Fragment, { children: elements.map((x, i) => (_jsx(Fragment, { children: x }, i))) }, void 0));
+const isWrapped = (x, wrapper) => x.startsWith(wrapper) && x.endsWith(wrapper);
+export const formatText = (text) => {
+    const parts = text
+        .split(WRAPPED_TEXT_REGEX)
+        .filter(Boolean);
+    const formatted = parts.map((x, i) => {
+        if (isWrapped(x, "**")) {
+            // Remove only the first and last occurrence of the delimiter
+            const content = x.slice(2, -2);
+            return _jsx("span", { className: "font-bold", children: content }, i);
+        }
+        else if (isWrapped(x, "~~")) {
+            const content = x.slice(2, -2);
+            return _jsx("span", { className: "font-semibold", children: content }, i);
+        }
+        else if (isWrapped(x, "^^")) {
+            const content = x.slice(2, -2);
+            return _jsx("span", { className: "text-accent", children: content }, i);
+        }
+        return x;
+    });
+    return _jsx("span", { children: formatted }, void 0);
+};

package/dist/core/functions.d.ts

@@ -1,13 +1,13 @@
-export declare const getFilesData: (files: File[]) => Promise<{
-    filename: string;
-    mimetype: string;
-    data?: string;
-}[]>;
-export declare const getFileData: (file: File) => Promise<{
-    filename: string;
-    mimetype: string;
-    data?: string;
-}>;
-export declare const bufferToFile: (buffer: ArrayBuffer, name?: string) => Promise<File>;
-export declare const getAudioDuration: (file: File) => Promise<number>;
-export declare function getBase64(image: string): Promise<string>;
+export declare const getFilesData: (files: File[]) => Promise<{
+    filename: string;
+    mimetype: string;
+    data?: string | undefined;
+}[]>;
+export declare const getFileData: (file: File) => Promise<{
+    filename: string;
+    mimetype: string;
+    data?: string | undefined;
+}>;
+export declare const bufferToFile: (buffer: ArrayBuffer, name?: string | undefined) => Promise<File>;
+export declare const getAudioDuration: (file: File) => Promise<number>;
+export declare function getBase64(image: string): Promise<string>;

package/dist/core/functions.js

@@ -1,79 +1,79 @@
-import { fileTypeFromBuffer } from "file-type";
-export const getFilesData = (files) => Promise.all(files.map((file) => {
-    return new Promise((resolve, reject) => {
-        const reader = new FileReader();
-        reader.onload = () => {
-            const base64 = reader.result?.toString().split(",")[1]; // Remove data prefix
-            return resolve({
-                filename: file.name,
-                mimetype: file.type,
-                data: base64,
-            });
-        };
-        reader.onerror = reject;
-        reader.readAsDataURL(file);
-    });
-}));
-export const getFileData = (file) => new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onload = () => {
-        const base64 = reader.result?.toString().split(",")[1]; // Remove data prefix
-        return resolve({
-            filename: file.name,
-            mimetype: file.type,
-            data: base64,
-        });
-    };
-    reader.onerror = reject;
-    reader.readAsDataURL(file);
-});
-async function detectFileExtension(buffer) {
-    const type = await fileTypeFromBuffer(buffer);
-    if (!type)
-        return null;
-    return type;
-}
-export const bufferToFile = async (buffer, name) => {
-    const type = await detectFileExtension(buffer);
-    if (!type)
-        throw new Error("Couldn't get type from buffer");
-    return new File([buffer], `${name ?? "file"}.${type.ext}`, {
-        type: type.mime,
-        lastModified: Date.now()
-    });
-};
-export const getAudioDuration = (file) => {
-    return new Promise((resolve, reject) => {
-        const url = URL.createObjectURL(file);
-        const audio = new Audio(url);
-        audio.addEventListener("loadedmetadata", () => {
-            const durationMs = audio.duration * 1000;
-            URL.revokeObjectURL(url);
-            resolve(durationMs);
-        });
-        audio.addEventListener("error", (e) => {
-            URL.revokeObjectURL(url);
-            reject(new Error("Failed to load audio metadata"));
-        });
-    });
-};
-export async function getBase64(image) {
-    if (image.startsWith("data:")) {
-        return image; // already a base64 data URL
-    }
-    const res = await fetch(image);
-    const blob = await res.blob();
-    return new Promise((resolve, reject) => {
-        const reader = new FileReader();
-        reader.onloadend = () => {
-            if (typeof reader.result === "string") {
-                resolve(reader.result);
-            }
-            else {
-                reject(new Error("Failed to read image as base64"));
-            }
-        };
-        reader.onerror = reject;
-        reader.readAsDataURL(blob);
-    });
-}
+import { fileTypeFromBuffer } from "file-type";
+export const getFilesData = (files) => Promise.all(files.map((file) => {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => {
+            const base64 = reader.result?.toString().split(",")[1]; // Remove data prefix
+            return resolve({
+                filename: file.name,
+                mimetype: file.type,
+                data: base64,
+            });
+        };
+        reader.onerror = reject;
+        reader.readAsDataURL(file);
+    });
+}));
+export const getFileData = (file) => new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => {
+        const base64 = reader.result?.toString().split(",")[1]; // Remove data prefix
+        return resolve({
+            filename: file.name,
+            mimetype: file.type,
+            data: base64,
+        });
+    };
+    reader.onerror = reject;
+    reader.readAsDataURL(file);
+});
+async function detectFileExtension(buffer) {
+    const type = await fileTypeFromBuffer(buffer);
+    if (!type)
+        return null;
+    return type;
+}
+export const bufferToFile = async (buffer, name) => {
+    const type = await detectFileExtension(buffer);
+    if (!type)
+        throw new Error("Couldn't get type from buffer");
+    return new File([buffer], `${name ?? "file"}.${type.ext}`, {
+        type: type.mime,
+        lastModified: Date.now()
+    });
+};
+export const getAudioDuration = (file) => {
+    return new Promise((resolve, reject) => {
+        const url = URL.createObjectURL(file);
+        const audio = new Audio(url);
+        audio.addEventListener("loadedmetadata", () => {
+            const durationMs = audio.duration * 1000;
+            URL.revokeObjectURL(url);
+            resolve(durationMs);
+        });
+        audio.addEventListener("error", (e) => {
+            URL.revokeObjectURL(url);
+            reject(new Error("Failed to load audio metadata"));
+        });
+    });
+};
+export async function getBase64(image) {
+    if (image.startsWith("data:")) {
+        return image; // already a base64 data URL
+    }
+    const res = await fetch(image);
+    const blob = await res.blob();
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onloadend = () => {
+            if (typeof reader.result === "string") {
+                resolve(reader.result);
+            }
+            else {
+                reject(new Error("Failed to read image as base64"));
+            }
+        };
+        reader.onerror = reject;
+        reader.readAsDataURL(blob);
+    });
+}

package/dist/core/types.d.ts

@@ -1,15 +1,15 @@
-import type { ReactNode } from "react";
-/**
- * Common props for React components.
- *
- * @property `Component` - Component with Tailwind style(s) and children.
- * @property `Clickable` - Component that executes a callback when clicked.
-**/
-export type Component = {
-    style?: string;
-    children?: ReactNode;
-};
-export type Clickable = {
-    action?: () => void;
-    disabled?: boolean;
-};
+import type { ReactNode } from "react";
+/**
+ * Common props for React components.
+ *
+ * @property `Component` - Component with Tailwind style(s) and children.
+ * @property `Clickable` - Component that executes a callback when clicked.
+**/
+export declare type Component = {
+    style?: string;
+    children?: ReactNode;
+};
+export declare type Clickable = {
+    action?: () => void;
+    disabled?: boolean;
+};

package/dist/core/types.js

@@ -1,2 +1,2 @@
-export {};
-// clean
+export {};
+// clean

package/dist/core/variants.d.ts

@@ -1,5 +1,5 @@
-/**
- * Creates a highly customizable variant config
- * for Tailwind styles using `tailwind-variants`.
-**/
-export { tv } from "tailwind-variants";
+/**
+ * Creates a highly customizable variant config
+ * for Tailwind styles using `tailwind-variants`.
+**/
+export { tv } from "tailwind-variants";

package/dist/core/variants.js

@@ -1,6 +1,6 @@
-/**
- * Creates a highly customizable variant config
- * for Tailwind styles using `tailwind-variants`.
-**/
-export { tv } from "tailwind-variants";
-// clean
+/**
+ * Creates a highly customizable variant config
+ * for Tailwind styles using `tailwind-variants`.
+**/
+export { tv } from "tailwind-variants";
+// clean

package/dist/format/index.d.ts

@@ -1,2 +1,2 @@
-export declare const cap: (x: string) => string;
-export declare const formatText: (text: string) => import("react/jsx-runtime").JSX.Element;
+export declare const cap: (x: string) => string;
+export declare const formatText: (text: string) => import("react/jsx-runtime").JSX.Element;

package/dist/format/index.js

@@ -1,33 +1,33 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const delimiterConfig = [
-    { delimiter: "**", render: (text, key) => _jsx("span", { className: "font-bold", children: text }, key) },
-    { delimiter: "~~", render: (text, key) => _jsx("span", { className: "font-semibold", children: text }, key) },
-    { delimiter: "^^", render: (text, key) => _jsx("span", { className: "text-accent", children: text }, key) },
-];
-const escapeRegex = (str) => str.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
-const delimiters = delimiterConfig.map(({ delimiter }) => escapeRegex(delimiter) + ".*?" + escapeRegex(delimiter)).join("|");
-const WRAPPED_TEXT_REGEX = new RegExp(`(${delimiters})`, "g");
-const isWrapped = (x, wrapper) => x.startsWith(wrapper) && x.endsWith(wrapper);
-export const cap = (x) => x.charAt(0).toUpperCase() + x.slice(1, x.length);
-export const formatText = (text) => {
-    const parts = text
-        .split(WRAPPED_TEXT_REGEX)
-        .filter(Boolean);
-    const formatted = parts.map((x, i) => {
-        if (isWrapped(x, "**")) {
-            // Remove only the first and last occurrence of the delimiter
-            const content = x.slice(2, -2);
-            return _jsx("span", { className: "font-bold", children: content }, i);
-        }
-        else if (isWrapped(x, "~~")) {
-            const content = x.slice(2, -2);
-            return _jsx("span", { className: "font-semibold", children: content }, i);
-        }
-        else if (isWrapped(x, "^^")) {
-            const content = x.slice(2, -2);
-            return _jsx("span", { className: "text-accent", children: content }, i);
-        }
-        return x;
-    });
-    return _jsx("span", { children: formatted });
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+const delimiterConfig = [
+    { delimiter: "**", render: (text, key) => _jsx("span", { className: "font-bold", children: text }, key) },
+    { delimiter: "~~", render: (text, key) => _jsx("span", { className: "font-semibold", children: text }, key) },
+    { delimiter: "^^", render: (text, key) => _jsx("span", { className: "text-accent", children: text }, key) },
+];
+const escapeRegex = (str) => str.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+const delimiters = delimiterConfig.map(({ delimiter }) => escapeRegex(delimiter) + ".*?" + escapeRegex(delimiter)).join("|");
+const WRAPPED_TEXT_REGEX = new RegExp(`(${delimiters})`, "g");
+const isWrapped = (x, wrapper) => x.startsWith(wrapper) && x.endsWith(wrapper);
+export const cap = (x) => x.charAt(0).toUpperCase() + x.slice(1, x.length);
+export const formatText = (text) => {
+    const parts = text
+        .split(WRAPPED_TEXT_REGEX)
+        .filter(Boolean);
+    const formatted = parts.map((x, i) => {
+        if (isWrapped(x, "**")) {
+            // Remove only the first and last occurrence of the delimiter
+            const content = x.slice(2, -2);
+            return _jsx("span", { className: "font-bold", children: content }, i);
+        }
+        else if (isWrapped(x, "~~")) {
+            const content = x.slice(2, -2);
+            return _jsx("span", { className: "font-semibold", children: content }, i);
+        }
+        else if (isWrapped(x, "^^")) {
+            const content = x.slice(2, -2);
+            return _jsx("span", { className: "text-accent", children: content }, i);
+        }
+        return x;
+    });
+    return _jsx("span", { children: formatted }, void 0);
+};

package/dist/hooks/audio/sound.d.ts

@@ -1 +1 @@
-export default function useSound(filename?: string): import("use-sound/dist/types").PlayFunction | undefined;
+export default function useSound(filename?: string): import("use-sound/dist/types").PlayFunction | undefined;

package/dist/hooks/audio/sound.js

@@ -1,6 +1,6 @@
-import { default as base } from "use-sound";
-export default function useSound(filename) {
-    if (!filename)
-        return;
-    return base(filename)[0];
-}
+import { default as base } from "use-sound";
+export default function useSound(filename) {
+    if (!filename)
+        return;
+    return base(filename)[0];
+}

package/dist/hooks/clock/interval.d.ts

@@ -1,8 +1,8 @@
-type Props = {
-    action: () => Promise<boolean | void>;
-    duration: number;
-    deps: unknown[];
-    oops?: (x: string) => void;
-};
-export default function useInterval({ action, duration, deps, oops }: Props): void;
-export {};
+declare type Props = {
+    action: () => Promise<boolean | void>;
+    duration: number;
+    deps: unknown[];
+    oops?: (x: string) => void;
+};
+export default function useInterval({ action, duration, deps, oops }: Props): void;
+export {};

package/dist/hooks/clock/interval.js

@@ -1,25 +1,25 @@
-"use client";
-import { useEffect, useRef } from "react";
-export default function useInterval({ action, duration, deps = [], oops }) {
-    const ref = useRef(async () => false);
-    useEffect(() => {
-        ref.current = action;
-    }, [action]);
-    useEffect(() => {
-        if (deps.some(v => v === undefined || v === null))
-            return;
-        const tick = async () => {
-            try {
-                const stop = await ref.current();
-                if (stop && id)
-                    clearInterval(id);
-            }
-            catch (err) {
-                oops?.(err.message);
-            }
-        };
-        const id = setInterval(tick, duration);
-        tick();
-        return () => clearInterval(id);
-    }, [duration, ...deps]);
-}
+"use client";
+import { useEffect, useRef } from "react";
+export default function useInterval({ action, duration, deps = [], oops }) {
+    const ref = useRef(async () => false);
+    useEffect(() => {
+        ref.current = action;
+    }, [action]);
+    useEffect(() => {
+        if (deps.some(v => v === undefined || v === null))
+            return;
+        const tick = async () => {
+            try {
+                const stop = await ref.current();
+                if (stop && id)
+                    clearInterval(id);
+            }
+            catch (err) {
+                oops?.(err.message);
+            }
+        };
+        const id = setInterval(tick, duration);
+        tick();
+        return () => clearInterval(id);
+    }, [duration, ...deps]);
+}