@cripty2001/utils 0.0.260 → 0.0.262

package/dist/index.js

@@ -1,37 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CURRENT_TS_MS = exports.GetenvHandledError = void 0;
-exports.randomBelow = randomBelow;
-exports.getRandom = getRandom;
-exports.getRandomId = getRandomId;
-exports.getRandomOtp = getRandomOtp;
-exports.sleep = sleep;
-exports.parseHash = parseHash;
-exports.loop = loop;
-exports.isEqual = isEqual;
-exports.arrayStep = arrayStep;
-exports.copyToClipboard = copyToClipboard;
-exports.download = download;
-exports.stableLog = stableLog;
-exports.parseQuery = parseQuery;
-exports.randBetween = randBetween;
-exports.getEnv = getEnv;
-exports.getEnvString = getEnvString;
-exports.getEnvInt = getEnvInt;
-exports.getEnvJson = getEnvJson;
-exports.getClock = getClock;
-exports.timediff2HumanReadable = timediff2HumanReadable;
-exports.fn2promise = fn2promise;
-exports.safeApply = safeApply;
-exports.timesafeEqual = timesafeEqual;
-exports.buildDigest = buildDigest;
-exports.checkDigest = checkDigest;
-exports.enforceDigest = enforceDigest;
-exports.isDigest = isDigest;
-const whispr_1 = require("@cripty2001/whispr");
-const value_1 = require("@sinclair/typebox/value");
-const crypto_1 = require("crypto");
-const lodash_1 = require("lodash");
+import { Whispr } from "@cripty2001/whispr";
+import { Value } from "@sinclair/typebox/value";
+import { timingSafeEqual } from "crypto";
+import isEqualWith from "lodash/isEqualWith.js";
 const U32_LIMIT = 0x1_0000_0000;
 function randomU32() {
     const buf = new Uint32Array(1);
@@ -44,7 +14,7 @@ function randomU32() {
  * @returns A random number between 0 and `maxExclusive - 1`
  * @throws If `maxExclusive` is less than 1 or greater than 2^32
  */
-function randomBelow(maxExclusive) {
+export function randomBelow(maxExclusive) {
     const n = Math.floor(maxExclusive);
     if (n < 1)
         throw new RangeError(`randomBelow span must be at least 1: ${n}`);
@@ -62,7 +32,7 @@ function randomBelow(maxExclusive) {
  * @param length The length of the string to generate
  * @returns The generated string
  */
-function getRandom(_alphabeth, length) {
+export function getRandom(_alphabeth, length) {
     const alphabeth = _alphabeth.split("");
     const toReturn = [];
     while (toReturn.length < length) {
@@ -75,7 +45,7 @@ function getRandom(_alphabeth, length) {
  * @param length The length of the id to generate
  * @returns The generated id
  */
-function getRandomId(length = 20) {
+export function getRandomId(length = 20) {
     const ALPHABET = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789-_";
     return getRandom(ALPHABET, length);
 }
@@ -85,7 +55,7 @@ function getRandomId(length = 20) {
  * @param char Allow for characters to be inserted in the otp
  * @returns The generated otp
  */
-function getRandomOtp(length = 6, char = false) {
+export function getRandomOtp(length = 6, char = false) {
     const ALPHABET = "0123456789" + (char ? "ABCDEFGHIJKLMNOPQRSTUVWXYZ" : "");
     return getRandom(ALPHABET, length);
 }
@@ -93,10 +63,10 @@ function getRandomOtp(length = 6, char = false) {
  * Pause the execution for the given number of milliseconds.
  * @param ms The number of milliseconds to sleep
  */
-function sleep(ms) {
+export function sleep(ms) {
     return new Promise((resolve) => setTimeout(resolve, ms));
 }
-function parseHash(fields, deleteFields = false) {
+export function parseHash(fields, deleteFields = false) {
     // Checking empty hash
     if (window.location.hash === "")
         return new URLSearchParams();
@@ -126,7 +96,7 @@ function parseHash(fields, deleteFields = false) {
  * @param interval The minimum interval between two executions, in milliseconds. The execution may be scheduled later, but not earlier.
  * @param onError The error callback. Return true to stop the loop.
  */
-async function loop(cb, interval, onError = async (e) => { console.error(e); return false; }) {
+export async function loop(cb, interval, onError = async (e) => { console.error(e); return false; }) {
     while (true) {
         try {
             await cb();
@@ -148,16 +118,16 @@ async function loop(cb, interval, onError = async (e) => { console.error(e); ret
 /**
  * Float aware deep equality check between two values.
  */
-function isEqual(a, b) {
+export function isEqual(a, b) {
     const TOLERANCE = 1e-9;
-    const toReturn = (0, lodash_1.isEqualWith)(a, b, (a, b) => {
+    const toReturn = isEqualWith(a, b, (a, b) => {
         if (typeof a === 'number' && typeof b === 'number')
             return Math.abs(a - b) < TOLERANCE;
         return undefined;
     });
     return toReturn;
 }
-function arrayStep(from, to, step) {
+export function arrayStep(from, to, step) {
     const result = [];
     for (let i = from; i <= to; i += step) {
         result.push(i);
@@ -168,7 +138,7 @@ function arrayStep(from, to, step) {
  * Copy the given text to clipboard.
  * @param text The text to copy to clipboard
  */
-function copyToClipboard(text) {
+export function copyToClipboard(text) {
     navigator.clipboard.writeText(text);
 }
 /**
@@ -177,7 +147,7 @@ function copyToClipboard(text) {
  * @param filename The filename to use
  * @param mimeType The mime type of the data
  */
-function download(data, filename, mimeType = 'application/octet-stream') {
+export function download(data, filename, mimeType = 'application/octet-stream') {
     const blob = data instanceof Blob ? data : new Blob([data], { type: mimeType });
     const url = URL.createObjectURL(blob);
     const a = document.createElement('a');
@@ -188,10 +158,10 @@ function download(data, filename, mimeType = 'application/octet-stream') {
     document.body.removeChild(a);
     URL.revokeObjectURL(url);
 }
-function stableLog(obj, message = '') {
+export function stableLog(obj, message = '') {
     console.log(message, JSON.parse(JSON.stringify(obj)));
 }
-function parseQuery(query, fields) {
+export function parseQuery(query, fields) {
     const data = (() => {
         if (typeof query === 'string') {
             return new URLSearchParams(query);
@@ -228,18 +198,17 @@ function parseQuery(query, fields) {
  * @returns The generated random int
  * @throws If `max - min + 1` is greater than 2^32
  */
-function randBetween(min, max) {
+export function randBetween(min, max) {
     const span = max - min + 1;
     if (span <= 1)
         return min;
     return min + randomBelow(span);
 }
-class GetenvHandledError extends Error {
+export class GetenvHandledError extends Error {
     constructor(message) {
         super(message);
     }
 }
-exports.GetenvHandledError = GetenvHandledError;
 /**
  * Get an environment variable, convert it using the given converter function.
  * If the environment variable is not defined, the default value is used.
@@ -254,7 +223,7 @@ exports.GetenvHandledError = GetenvHandledError;
  * @throws If the environment variable is not defined and no default value is provided
  * @throws If the conversion throws an error
  */
-function getEnv(key, defaultValue, converter = (s) => s) {
+export function getEnv(key, defaultValue, converter = (s) => s) {
     const value = process.env[key];
     if (value === undefined) {
         if (defaultValue === undefined)
@@ -278,7 +247,7 @@ function getEnv(key, defaultValue, converter = (s) => s) {
  *
  * @param allowEmpty Whether to allow empty strings
  */
-function getEnvString(key, allowEmpty = false, defaultValue) {
+export function getEnvString(key, allowEmpty = false, defaultValue) {
     return getEnv(key, defaultValue, (s) => {
         if (s === "" && !allowEmpty)
             throw new GetenvHandledError(`Empty string.`);
@@ -292,7 +261,7 @@ function getEnvString(key, allowEmpty = false, defaultValue) {
  *
  * Note: the default value is not used instead of an invalid integer. An invalid integer therefore throws an error.
  */
-function getEnvInt(key, constraints = {}, defaultValue) {
+export function getEnvInt(key, constraints = {}, defaultValue) {
     return getEnv(key, defaultValue, (s) => {
         if (!/^[+-]?\d+$/.test(s))
             throw new GetenvHandledError(`Invalid integer.`);
@@ -308,7 +277,7 @@ function getEnvInt(key, constraints = {}, defaultValue) {
         return parsed;
     });
 }
-function getEnvJson(key, defaultValue, schema) {
+export function getEnvJson(key, defaultValue, schema) {
     return getEnv(key, defaultValue, (s) => {
         const parsed = (() => {
             try {
@@ -320,12 +289,12 @@ function getEnvJson(key, defaultValue, schema) {
         })();
         if (schema === undefined)
             return parsed;
-        return value_1.Value.Parse(schema, parsed);
+        return Value.Parse(schema, parsed);
     });
 }
-const [currentTsMs, setCurrentTsMs] = whispr_1.Whispr.create(Date.now());
+const [currentTsMs, setCurrentTsMs] = Whispr.create(Date.now());
 let currentTsMsInterval = null;
-const CURRENT_TS_MS = () => {
+export const CURRENT_TS_MS = () => {
     if (currentTsMsInterval === null) {
         currentTsMsInterval = setInterval(() => {
             setCurrentTsMs(Date.now());
@@ -333,11 +302,10 @@ const CURRENT_TS_MS = () => {
     }
     return currentTsMs;
 };
-exports.CURRENT_TS_MS = CURRENT_TS_MS;
-function getClock(rate) {
-    return (0, exports.CURRENT_TS_MS)().transform((curr) => Math.floor(curr / rate));
+export function getClock(rate) {
+    return CURRENT_TS_MS().transform((curr) => Math.floor(curr / rate));
 }
-function timediff2HumanReadable(diffMs) {
+export function timediff2HumanReadable(diffMs) {
     const { unit, diff } = (() => {
         let toReturn = diffMs;
         const OPTIONS = [
@@ -363,25 +331,25 @@ function timediff2HumanReadable(diffMs) {
     const rtf = new Intl.RelativeTimeFormat();
     return rtf.format(Math.round(diff), unit);
 }
-function fn2promise(fn) {
+export function fn2promise(fn) {
     const result = fn();
     return result instanceof Promise ?
         result :
         Promise.resolve(result);
 }
-function safeApply(updater, incoming) {
+export function safeApply(updater, incoming) {
     const cloned = structuredClone(incoming);
     const new_data = updater(cloned);
     const chosen = new_data ?? cloned;
     return structuredClone(chosen);
 }
-function timesafeEqual(a, b) {
+export function timesafeEqual(a, b) {
     if (a.length !== b.length)
         return false;
-    return (0, crypto_1.timingSafeEqual)(Buffer.from(a), Buffer.from(b));
+    return timingSafeEqual(Buffer.from(a), Buffer.from(b));
 }
 const DIGEST_PREFIX = 'sha256.base64url.';
-async function buildDigest(data) {
+export async function buildDigest(data) {
     const encoded = typeof data === "string" ?
         new TextEncoder().encode(data) :
         data;
@@ -392,16 +360,16 @@ async function buildDigest(data) {
     });
     return `${DIGEST_PREFIX}${b64url}`;
 }
-async function checkDigest(data, digest) {
+export async function checkDigest(data, digest) {
     if (!digest.startsWith(DIGEST_PREFIX))
         throw new Error(`The digest was not generated with digest() function.`);
     const dataDigest = await buildDigest(data);
     return timesafeEqual(dataDigest, digest);
 }
-async function enforceDigest(data, digest) {
+export async function enforceDigest(data, digest) {
     if (!(await checkDigest(data, digest)))
         throw new Error(`The digest does not match the data.`);
 }
-function isDigest(digest) {
+export function isDigest(digest) {
     return digest.startsWith(DIGEST_PREFIX) && digest.length === DIGEST_PREFIX.length + 43;
 }

package/dist/react/index.d.ts

@@ -1 +1 @@
-export { LoggerReactDisplay, type LoggerReactDisplayProps } from './logger-display';
+export { LoggerReactDisplay, type LoggerReactDisplayProps } from './logger-display.js';

package/dist/react/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoggerReactDisplay = void 0;
-var logger_display_1 = require("./logger-display");
-Object.defineProperty(exports, "LoggerReactDisplay", { enumerable: true, get: function () { return logger_display_1.LoggerReactDisplay; } });
+export { LoggerReactDisplay } from './logger-display.js';

package/dist/react/logger-display.js

@@ -1,34 +1,28 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoggerReactDisplay = LoggerReactDisplay;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lucide_react_1 = require("lucide-react");
-const Logger_1 = __importDefault(require("../Logger/Logger"));
-const react_whispr_1 = require("../react-whispr");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertCircle, CheckCircle2, Info, TriangleAlert, X } from "lucide-react";
+import logger from "../Logger/Logger.js";
+import { useWhisprValue } from "../react-whispr.js";
 const SEVERITY_STYLES = {
     error: {
-        icon: lucide_react_1.AlertCircle,
+        icon: AlertCircle,
         container: "border-red-200 bg-red-50 dark:border-red-900/50 dark:bg-red-950/40",
         iconClass: "text-red-600 dark:text-red-400",
         textClass: "text-red-800 dark:text-red-200",
     },
     warning: {
-        icon: lucide_react_1.TriangleAlert,
+        icon: TriangleAlert,
         container: "border-amber-200 bg-amber-50 dark:border-amber-900/50 dark:bg-amber-950/40",
         iconClass: "text-amber-600 dark:text-amber-400",
         textClass: "text-amber-900 dark:text-amber-200",
     },
     success: {
-        icon: lucide_react_1.CheckCircle2,
+        icon: CheckCircle2,
         container: "border-emerald-200 bg-emerald-50 dark:border-emerald-900/50 dark:bg-emerald-950/40",
         iconClass: "text-emerald-600 dark:text-emerald-400",
         textClass: "text-emerald-900 dark:text-emerald-200",
     },
     info: {
-        icon: lucide_react_1.Info,
+        icon: Info,
         container: "border-blue-200 bg-blue-50 dark:border-blue-900/50 dark:bg-blue-950/40",
         iconClass: "text-blue-600 dark:text-blue-400",
         textClass: "text-blue-900 dark:text-blue-200",
@@ -40,12 +34,12 @@ const MESSAGE_MAX_HEIGHT_CLASS = "max-h-[6.875rem]";
 function LoggerReactDisplayItem({ message }) {
     const styles = SEVERITY_STYLES[message.severity];
     const Icon = styles.icon;
-    return ((0, jsx_runtime_1.jsxs)("div", { role: "alert", className: `flex items-start gap-3 rounded-lg border px-3 py-2.5 shadow-lg ${styles.container}`, children: [(0, jsx_runtime_1.jsx)(Icon, { size: 16, className: `mt-0.5 shrink-0 ${styles.iconClass}` }), (0, jsx_runtime_1.jsx)("p", { className: `min-w-0 flex-1 overflow-y-auto text-sm leading-snug ${MESSAGE_MAX_HEIGHT_CLASS} ${styles.textClass}`, children: message.message }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: message.dismiss, className: "shrink-0 rounded p-0.5 text-gray-400 hover:bg-black/5 hover:text-gray-600 dark:hover:bg-white/10 dark:hover:text-gray-200", "aria-label": "Dismiss", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 14 }) })] }));
+    return (_jsxs("div", { role: "alert", className: `flex items-start gap-3 rounded-lg border px-3 py-2.5 shadow-lg ${styles.container}`, children: [_jsx(Icon, { size: 16, className: `mt-0.5 shrink-0 ${styles.iconClass}` }), _jsx("p", { className: `min-w-0 flex-1 overflow-y-auto text-sm leading-snug ${MESSAGE_MAX_HEIGHT_CLASS} ${styles.textClass}`, children: message.message }), _jsx("button", { type: "button", onClick: message.dismiss, className: "shrink-0 rounded p-0.5 text-gray-400 hover:bg-black/5 hover:text-gray-600 dark:hover:bg-white/10 dark:hover:text-gray-200", "aria-label": "Dismiss", children: _jsx(X, { size: 14 }) })] }));
 }
-function LoggerReactDisplay({ zIndex = 5000 }) {
-    const messages = (0, react_whispr_1.useWhisprValue)(Logger_1.default.lines);
+export function LoggerReactDisplay({ zIndex = 5000 }) {
+    const messages = useWhisprValue(logger.lines);
     const visible = [...messages].reverse().slice(0, MAX_VISIBLE_TOASTS);
     if (visible.length === 0)
         return null;
-    return ((0, jsx_runtime_1.jsx)("div", { className: "pointer-events-none fixed inset-x-0 bottom-4 flex justify-center px-4", style: { zIndex }, children: (0, jsx_runtime_1.jsx)("div", { className: "pointer-events-auto flex w-full max-w-sm flex-col gap-2", children: visible.map((message) => ((0, jsx_runtime_1.jsx)(LoggerReactDisplayItem, { message: message }, message.id))) }) }));
+    return (_jsx("div", { className: "pointer-events-none fixed inset-x-0 bottom-4 flex justify-center px-4", style: { zIndex }, children: _jsx("div", { className: "pointer-events-auto flex w-full max-w-sm flex-col gap-2", children: visible.map((message) => (_jsx(LoggerReactDisplayItem, { message: message }, message.id))) }) }));
 }

package/dist/react-ui/button.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Button;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lucide_react_1 = require("lucide-react");
-const react_1 = require("react");
-function Button({ onClick, children, className, onError, loader }) {
-    const Loader = loader ?? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { style: {
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+import { useState } from "react";
+export default function Button({ onClick, children, className, onError, loader }) {
+    const Loader = loader ?? _jsx(Loader2, { style: {
             width: '1rem',
             height: '1rem',
             animation: 'spin 1s linear infinite',
         } });
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const [error, setError] = (0, react_1.useState)(null);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
     const handleClick = async () => {
         if (loading)
             return;
@@ -31,7 +28,7 @@ function Button({ onClick, children, className, onError, loader }) {
         })
             .finally(() => setLoading(false));
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col h-full w-full gap-2", children: [(0, jsx_runtime_1.jsx)("div", { onClick: handleClick, className: className, style: {
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: "flex flex-col h-full w-full gap-2", children: [_jsx("div", { onClick: handleClick, className: className, style: {
                         display: 'flex',
                         alignItems: 'center',
                         justifyContent: 'center',
@@ -39,7 +36,7 @@ function Button({ onClick, children, className, onError, loader }) {
                         cursor: 'pointer',
                     }, children: loading ?
                         Loader :
-                        children }), error && (0, jsx_runtime_1.jsx)("div", { style: {
+                        children }), error && _jsx("div", { style: {
                         color: '#ef4444'
                     }, children: error })] }) }));
 }

package/dist/react-ui/copiable.js

@@ -1,20 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Copiable;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lucide_react_1 = require("lucide-react");
-const react_1 = require("react");
-const __1 = require("../");
-function Copiable({ value, className }) {
-    const [copying, setCopying] = (0, react_1.useState)(false);
-    const copy = (0, react_1.useCallback)(() => {
-        (0, __1.copyToClipboard)(value);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckCircle2, CopyIcon } from "lucide-react";
+import { useCallback, useState } from "react";
+import { copyToClipboard } from "../index.js";
+export default function Copiable({ value, className }) {
+    const [copying, setCopying] = useState(false);
+    const copy = useCallback(() => {
+        copyToClipboard(value);
         setCopying(true);
         setTimeout(() => {
             setCopying(false);
         }, 1000);
     }, [value, setCopying]);
-    return ((0, jsx_runtime_1.jsxs)("div", { onClick: copy, className: `flex flex-row items-center justify-between gap-2 cursor-pointer ${className}`, children: [(0, jsx_runtime_1.jsx)("span", { children: value }), copying ?
-                (0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, { className: "w-4 h-4" }) :
-                (0, jsx_runtime_1.jsx)(lucide_react_1.CopyIcon, { className: "w-4 h-4" })] }));
+    return (_jsxs("div", { onClick: copy, className: `flex flex-row items-center justify-between gap-2 cursor-pointer ${className}`, children: [_jsx("span", { children: value }), copying ?
+                _jsx(CheckCircle2, { className: "w-4 h-4" }) :
+                _jsx(CopyIcon, { className: "w-4 h-4" })] }));
 }

package/dist/react-ui/form.d.ts

@@ -1,6 +1,6 @@
 import { LucideIcon } from "lucide-react";
-import { TypeofRecord } from "..";
-import { InputComponentPropsVariants } from "./input";
+import { TypeofRecord } from "../index.js";
+import { InputComponentPropsVariants } from "./input.js";
 export type FormComponentPropsInput = {
     label?: string;
     required: boolean;

package/dist/react-ui/form.js

@@ -1,19 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = FormComponent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("react");
-const input_1 = __importDefault(require("./input"));
-const textButton_1 = __importDefault(require("./textButton"));
-function FormComponent(props) {
-    const variants = (0, react_2.useMemo)(() => ({
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { useMemo } from "react";
+import InputComponent from "./input.js";
+import TextButton from "./textButton.js";
+export default function FormComponent(props) {
+    const variants = useMemo(() => ({
         default: props.variant
     }), [props.variant]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem' }, children: [props.inputs.map((input, index) => (() => {
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem' }, children: [props.inputs.map((input, index) => (() => {
                 const value = props.value[input.key];
                 const setValue = (v) => props.setValue({
                     ...props.value,
@@ -33,15 +27,15 @@ function FormComponent(props) {
                     case "email":
                     case "password":
                     case "tel":
-                        return (0, react_1.createElement)(input_1.default, { ...baseProps, key: index }, ({ value, setValue, className }) => ((0, jsx_runtime_1.jsx)("input", { type: input.type, value: value, onChange: (e) => setValue(e.target.value), required: input.required, className: className, placeholder: input.label })));
+                        return _createElement(InputComponent, { ...baseProps, key: index }, ({ value, setValue, className }) => (_jsx("input", { type: input.type, value: value, onChange: (e) => setValue(e.target.value), required: input.required, className: className, placeholder: input.label })));
                     case "select":
-                        return (0, react_1.createElement)(input_1.default, { ...baseProps, key: index, required: input.required, validate: (v) => {
+                        return _createElement(InputComponent, { ...baseProps, key: index, required: input.required, validate: (v) => {
                                 if (!input.options.includes(v))
                                     throw new Error("Invalid option");
-                            } }, ({ value, setValue, className }) => ((0, jsx_runtime_1.jsx)("select", { value: value, onChange: (e) => setValue(e.target.value), required: input.required, className: className, children: input.options.map(option => ((0, jsx_runtime_1.jsx)("option", { value: option, children: option }, option))) })));
+                            } }, ({ value, setValue, className }) => (_jsx("select", { value: value, onChange: (e) => setValue(e.target.value), required: input.required, className: className, children: input.options.map(option => (_jsx("option", { value: option, children: option }, option))) })));
                     default:
-                        return (0, jsx_runtime_1.jsx)("div", { style: { color: '#ef4444', backgroundColor: 'white' }, children: "Unknown input type" });
+                        return _jsx("div", { style: { color: '#ef4444', backgroundColor: 'white' }, children: "Unknown input type" });
                 }
             })()), props.submit &&
-                (0, jsx_runtime_1.jsx)(textButton_1.default, { className: variants.default.button, title: props.submit.label, onClick: () => props.submit?.callback(props.value) })] }));
+                _jsx(TextButton, { className: variants.default.button, title: props.submit.label, onClick: () => props.submit?.callback(props.value) })] }));
 }

package/dist/react-ui/index.d.ts

@@ -1,9 +1,9 @@
-import BaseButton, { type ButtonProps as BaseButtonProps } from './button';
-import BaseCopiable, { type CopiableProps as BaseCopiableProps } from './copiable';
-import BaseForm, { type FormComponentProps as BaseFormProps } from './form';
-import BaseInput, { type InputComponentProps as BaseInputProps } from './input';
-import BaseLoader, { type LoaderProps as BaseLoaderProps } from './loader';
-import BaseModal, { type ModalActions as BaseModalActions, type ModalContent as BaseModalContent, type ModalComponentProps as BaseModalProps } from './modal';
-import BaseTable, { type TableProps as BaseTableProps } from './table';
-import BaseTextButton, { type TextButtonProps as BaseTextButtonProps } from './textButton';
+import BaseButton, { type ButtonProps as BaseButtonProps } from './button.js';
+import BaseCopiable, { type CopiableProps as BaseCopiableProps } from './copiable.js';
+import BaseForm, { type FormComponentProps as BaseFormProps } from './form.js';
+import BaseInput, { type InputComponentProps as BaseInputProps } from './input.js';
+import BaseLoader, { type LoaderProps as BaseLoaderProps } from './loader.js';
+import BaseModal, { type ModalActions as BaseModalActions, type ModalContent as BaseModalContent, type ModalComponentProps as BaseModalProps } from './modal.js';
+import BaseTable, { type TableProps as BaseTableProps } from './table.js';
+import BaseTextButton, { type TextButtonProps as BaseTextButtonProps } from './textButton.js';
 export { BaseButton, BaseButtonProps, BaseCopiable, BaseCopiableProps, BaseForm, BaseFormProps, BaseInput, BaseInputProps, BaseLoader, BaseLoaderProps, BaseModal, BaseModalActions, BaseModalContent, BaseModalProps, BaseTable, BaseTableProps, BaseTextButton, BaseTextButtonProps };

package/dist/react-ui/index.js

@@ -1,22 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseTextButton = exports.BaseTable = exports.BaseModal = exports.BaseLoader = exports.BaseInput = exports.BaseForm = exports.BaseCopiable = exports.BaseButton = void 0;
-const button_1 = __importDefault(require("./button"));
-exports.BaseButton = button_1.default;
-const copiable_1 = __importDefault(require("./copiable"));
-exports.BaseCopiable = copiable_1.default;
-const form_1 = __importDefault(require("./form"));
-exports.BaseForm = form_1.default;
-const input_1 = __importDefault(require("./input"));
-exports.BaseInput = input_1.default;
-const loader_1 = __importDefault(require("./loader"));
-exports.BaseLoader = loader_1.default;
-const modal_1 = __importDefault(require("./modal"));
-exports.BaseModal = modal_1.default;
-const table_1 = __importDefault(require("./table"));
-exports.BaseTable = table_1.default;
-const textButton_1 = __importDefault(require("./textButton"));
-exports.BaseTextButton = textButton_1.default;
+import BaseButton from './button.js';
+import BaseCopiable from './copiable.js';
+import BaseForm from './form.js';
+import BaseInput from './input.js';
+import BaseLoader from './loader.js';
+import BaseModal from './modal.js';
+import BaseTable from './table.js';
+import BaseTextButton from './textButton.js';
+export { BaseButton, BaseCopiable, BaseForm, BaseInput, BaseLoader, BaseModal, BaseTable, BaseTextButton };

package/dist/react-ui/input.js

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = InputComponent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lucide_react_1 = require("lucide-react");
-const react_1 = require("react");
-const index_1 = require("../index");
-function InputComponent(props) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CopyIcon } from "lucide-react";
+import { useState } from "react";
+import { copyToClipboard } from "../index.js";
+export default function InputComponent(props) {
     const variant = props.variant;
     const baseClassName = props.variants[variant ?? "default"];
-    const [error, setError] = (0, react_1.useState)(null);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', gap: '0.5rem' }, children: [props.label &&
-                        (0, jsx_runtime_1.jsx)("label", { className: baseClassName.label, children: props.label }), props.copy &&
-                        (0, jsx_runtime_1.jsx)(lucide_react_1.CopyIcon, { style: { width: '1rem', height: '1rem', cursor: 'pointer' }, onClick: () => (0, index_1.copyToClipboard)(props.value) })] }), (0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative' }, className: baseClassName.wrapper, children: [props.icon &&
-                        (0, jsx_runtime_1.jsx)("div", { style: { position: 'absolute', top: '0.5rem' }, children: props.icon }), (0, jsx_runtime_1.jsx)("div", { style: { paddingLeft: props.icon ? '2rem' : '0' }, children: props.children({
+    const [error, setError] = useState(null);
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', gap: '0.5rem' }, children: [props.label &&
+                        _jsx("label", { className: baseClassName.label, children: props.label }), props.copy &&
+                        _jsx(CopyIcon, { style: { width: '1rem', height: '1rem', cursor: 'pointer' }, onClick: () => copyToClipboard(props.value) })] }), _jsxs("div", { style: { position: 'relative' }, className: baseClassName.wrapper, children: [props.icon &&
+                        _jsx("div", { style: { position: 'absolute', top: '0.5rem' }, children: props.icon }), _jsx("div", { style: { paddingLeft: props.icon ? '2rem' : '0' }, children: props.children({
                             value: props.value,
                             setValue: (v) => {
                                 try {
@@ -28,5 +25,5 @@ function InputComponent(props) {
                             },
                             className: baseClassName.input
                         }) })] }), error &&
-                (0, jsx_runtime_1.jsx)("div", { style: { color: '#ef4444', fontSize: '0.75rem' }, children: error })] }));
+                _jsx("div", { style: { color: '#ef4444', fontSize: '0.75rem' }, children: error })] }));
 }

package/dist/react-ui/loader.d.ts

@@ -1,5 +1,5 @@
 import type React from "react";
-import type { Dispatcher } from "../Dispatcher";
+import type { Dispatcher } from "../Dispatcher.js";
 export type LoaderProps<I, O> = {
     data: Dispatcher<I, O>;
     children: (props: {