@zuzjs/ui 0.10.5 → 0.10.7

package/dist/esm/src/funs/events.d.ts

@@ -1,17 +0,0 @@
-export interface Event {
-    event: String | Symbol;
-    listeners: Array<{
-        fun: (...args: any[]) => void;
-        context?: any;
-    }>;
-}
-declare class Events {
-    _events: Event[];
-    constructor();
-    addEvent(event: String | Symbol, fun: (...args: any[]) => void, context?: any): number | undefined;
-    removeEvent(event: String | Symbol, fun: (...args: any[]) => void): void;
-    on(event: String | Symbol, fun: (...args: any[]) => void, context?: any): number | undefined;
-    off(event: String | Symbol, fun: (...args: any[]) => void): void;
-    emit(event: String | Symbol, ...args: any[]): void;
-}
-export default Events;

package/dist/esm/src/funs/events.js

@@ -1,44 +0,0 @@
-class Events {
-    _events;
-    constructor() {
-        this._events = [];
-    }
-    addEvent(event, fun, context) {
-        const evt = this._events.find(x => x.event == event);
-        const listener = { fun: context ? fun.bind(context) : fun, context };
-        if (!evt) {
-            return this._events.push({ event: event, listeners: [listener] });
-        }
-        if (!evt.listeners.find(x => x.fun == fun)) {
-            evt.listeners.push(listener);
-        }
-    }
-    removeEvent(event, fun) {
-        const evt = this._events.find(x => x.event == event);
-        if (evt) {
-            evt.listeners = evt.listeners.filter(x => x.fun != fun);
-        }
-    }
-    on(event, fun, context) {
-        return this.addEvent(event, fun, context);
-    }
-    off(event, fun) {
-        this.removeEvent(event, fun);
-    }
-    emit(event, ...args) {
-        const evt = this._events.find(x => x.event == event);
-        if (evt) {
-            // console.log(evt)
-            evt.listeners.forEach(({ fun, context }) => {
-                try {
-                    // f(args)
-                    fun.apply(context, args);
-                }
-                catch (e) {
-                    console.error(e);
-                }
-            });
-        }
-    }
-}
-export default Events;

package/dist/esm/src/funs/index.d.ts

@@ -1,74 +0,0 @@
-import CSS from "./css.js";
-import { dynamicObject, FormatNumberParams, sortOptions } from "../types/index.js";
-import { AxiosProgressEvent } from "axios";
-import { KeyCode } from "../types/enums.js";
-import { ReactElement, ReactNode, Ref } from "react";
-export declare const __SALT: string;
-export declare const FIELNAME_KEY = "__FILENAME__";
-export declare const LINE_KEY = "__LINE__";
-export declare const withGlobals: () => void;
-export declare const isBrowser: boolean;
-export declare const is: (o: any, v: any) => boolean;
-export declare const isTypeOf: (o: any, v: any) => boolean;
-/**
- * Check if 2 objects have the same keys and values, including nested objects.
- * @param obj1
- * @param obj2
- * @returns @boolean
- */
-export declare const compare: (obj1: any, obj2: any) => boolean;
-export declare const equals: (o: any, v: any) => boolean;
-export declare const isNull: (o: any) => boolean;
-export declare const isString: (o: any) => o is string;
-export declare const isNumber: (o: string) => boolean;
-export declare const isObject: (o: any) => boolean;
-export declare const isArray: (o: any) => o is any[];
-export declare const isEmpty: (o: any) => boolean;
-export declare const toHMS: (tm: string | number) => string;
-export declare const isEmail: (e: string) => boolean;
-export declare const isUrl: (o: string) => boolean;
-export declare const toLowerCase: (o: string) => string;
-export declare const ucfirst: (o: any) => string;
-export declare const toHash: (n: number, len?: number) => string;
-export declare const fromHash: (n: string) => number;
-export declare const css: () => CSS;
-export declare const withCSS: (cx: string | string[]) => string;
-export declare const uuid: (len?: number) => string;
-export declare const MD5: (str: string) => string;
-export declare const numberInRange: (min: number, max: number) => number;
-export declare const getCSSVariable: (el: HTMLElement, name: string) => string;
-export declare const hexColorRegex: RegExp;
-export declare const rgbaColorRegex: RegExp;
-export declare const hslColorRegex: RegExp;
-export declare const isHexColor: (color: string) => boolean;
-export declare const isRgbaColor: (color: string) => boolean;
-export declare const isHslColor: (color: string) => boolean;
-export declare const isColor: (color: string) => boolean;
-export declare const hexToRgba: (hex: string, alpha?: number) => string;
-export declare const cleanProps: <T extends dynamicObject>(props: T, withProps?: string[]) => T;
-export declare const withZuz: (cx: string | string[]) => string;
-export declare const setDeep: (object: dynamicObject, path: string, value: any, seperator?: string) => dynamicObject;
-export declare const removeDuplicatesFromArray: <T>(array: T[]) => T[];
-export declare const withPost: (uri: string, data: dynamicObject | FormData, timeout?: number, onProgress?: (ev: AxiosProgressEvent) => void) => Promise<dynamicObject>;
-export declare const withTime: (fun: (...args: any[]) => any) => {
-    result: any;
-    executionTime: number;
-};
-export declare const time: (stamp?: number, format?: string) => string;
-export declare const timeSince: (stamp: number) => string;
-export declare const arrayRand: (arr: any[]) => any;
-export declare const formatNumber: ({ number, locale, style, decimal, currency }: FormatNumberParams) => string;
-export declare const formatSize: (bytes: number | string) => string;
-export declare const copyToClipboard: (text: string) => Promise<unknown>;
-export declare const natsort: (options?: sortOptions) => (a: string | number, b: string | number) => number;
-export declare const bindKey: (key: KeyCode, fun: () => void, element?: HTMLElement) => void;
-export declare const camelCase: (str: string) => string;
-export declare const pluralize: (word: string, count: number) => string;
-export declare const addPropsToChildren: (children: ReactNode, conditions: (child: ReactElement<any>) => boolean, newProps: object) => ReactNode;
-export declare const getPositionAroundElement: (x: number, y: number, distance: number, childCount: number) => {
-    x: number;
-    y: number;
-}[];
-export declare const clamp: (value: number, min: number, max: number) => number;
-export declare function mergeRefs<T>(...refs: (Ref<T> | undefined)[]): Ref<T>;
-export declare const slugify: (text: string, separator?: string) => string;

package/dist/esm/src/funs/index.js

@@ -1,510 +0,0 @@
-import Hashids from "hashids";
-import CSS from "./css.js";
-import { nanoid } from "nanoid";
-import md5 from "md5";
-import { colorNames } from "./colors.js";
-import { cssProps } from "./stylesheet.js";
-import axios from "axios";
-import Cookies from "js-cookie";
-import moment from "moment";
-import { SORT } from "../types/enums.js";
-import { Children, cloneElement, isValidElement } from "react";
-let __css;
-export const __SALT = `zuzjs-ui`;
-export const FIELNAME_KEY = `__FILENAME__`;
-export const LINE_KEY = `__LINE__`;
-export const withGlobals = () => {
-    Object.prototype.isTypeof = function (v) { return typeof this === typeof v; };
-    Object.prototype.equals = function (v) { return this === v; };
-    Object.prototype.isNull = function () { return this === null; };
-    Object.prototype.isString = function () { return typeof this == `string`; };
-    Object.prototype.isNumber = function () { return /^[+-]?\d+(\.\d+)?$/.test(this); };
-    Object.prototype.isObject = function () { return typeof this == `object` && !Array.isArray(this) && this !== null; };
-    Object.prototype.isArray = function () { return Array.isArray(this); };
-    Object.prototype.isEmpty = function () {
-        if (Array.isArray(this))
-            return this.length === 0;
-        else if (`object` === typeof this)
-            return Object.keys(this).length == 0;
-        else
-            return this == "" || this.length == 0;
-    };
-    Object.prototype.isUrl = function () {
-        return /^(https?:\/\/)?(www\.)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(\/[^\s]*)?$/.test(this);
-    };
-    Object.prototype.toLowerCase = function () {
-        if (typeof this === "string") {
-            return (String.prototype.toLocaleLowerCase || String.prototype.toLowerCase)(this);
-        }
-        return String(this).toLocaleLowerCase();
-    };
-    // Color validation methods on String prototype
-    String.prototype.isHexColor = function () {
-        return hexColorRegex.test(this);
-    };
-    String.prototype.isRgbaColor = function () {
-        return rgbaColorRegex.test(this);
-    };
-    String.prototype.isHslColor = function () {
-        return hslColorRegex.test(this);
-    };
-    String.prototype.isColor = function () {
-        return colorNames.includes(this) || this.isHexColor() || this.isRgbaColor() || this.isHslColor();
-    };
-    String.prototype.ucfirst = function () {
-        return `${this.charAt(0).toUpperCase()}${this.substring(1, this.length)}`;
-    };
-    String.prototype.toHMS = function () {
-        const tm = this;
-        if (tm.match(/^[+-]?\d+(\.\d+)?$/)) {
-            return `${String(Math.floor((+tm) / 3600)).padStart(2, `0`)}:${String(Math.floor((+tm) % 3600 / 60)).padStart(2, `0`)}:${String((+tm) % 60).padStart(2, `0`)}`;
-        }
-        return `00:00`;
-    };
-};
-moment.updateLocale('en', {
-    relativeTime: {
-        future: 'in %s',
-        past: '%s',
-        s: 'Just now', // "a few seconds" → "now"
-        ss: '%ds ago', // "seconds" → "s"
-        m: '1m ago', // "a minute" → "1m"
-        mm: '%dm ago', // "minutes" → "m"
-        h: '1h ago', // "an hour" → "1h"
-        hh: '%dh ago', // "hours" → "h"
-        d: '1d ago', // "a day" → "1d"
-        dd: '%dd ago', // "days" → "d"
-        M: '1mo ago', // "a month" → "1mo"
-        MM: '%dmo ago', // "months" → "mo"
-        y: '1y ago', // "a year" → "1y"
-        yy: '%dy ago' // "years" → "y"
-    }
-});
-export const isBrowser = typeof document !== "undefined";
-export const is = (o, v) => typeof o === v;
-export const isTypeOf = (o, v) => typeof o === typeof v;
-/**
- * Check if 2 objects have the same keys and values, including nested objects.
- * @param obj1
- * @param obj2
- * @returns @boolean
- */
-export const compare = (obj1, obj2) => {
-    if (typeof obj1 !== 'object' || typeof obj2 !== 'object' || obj1 === null || obj2 === null) {
-        return obj1 === obj2;
-    }
-    const keys1 = Object.keys(obj1);
-    const keys2 = Object.keys(obj2);
-    if (keys1.length !== keys2.length) {
-        return false;
-    }
-    for (let key of keys1) {
-        if (!keys2.includes(key) || !compare(obj1[key], obj2[key])) {
-            return false;
-        }
-    }
-    return true;
-};
-export const equals = (o, v) => o === v;
-export const isNull = (o) => o === null;
-export const isString = (o) => typeof o == `string`;
-export const isNumber = (o) => /^[+-]?\d+(\.\d+)?$/.test(o);
-export const isObject = (o) => typeof o == `object` && !Array.isArray(o) && o !== null;
-export const isArray = (o) => Array.isArray(o);
-export const isEmpty = (o) => {
-    if (Array.isArray(o))
-        return o.length === 0;
-    else if (`object` === typeof o)
-        return Object.keys(o).length == 0;
-    else
-        return o == "" || o.length == 0;
-};
-export const toHMS = (tm) => {
-    if (String(tm).match(/^[+-]?\d+(\.\d+)?$/)) {
-        return `${String(Math.floor((+tm) / 3600)).padStart(2, `0`)}:${String(Math.floor((+tm) % 3600 / 60)).padStart(2, `0`)}:${String((+tm) % 60).padStart(2, `0`)}`;
-    }
-    return `00:00`;
-};
-export const isEmail = (e) => /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(e);
-export const isUrl = (o) => /^(https?:\/\/)?(www\.)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(\/[^\s]*)?$/.test(o);
-export const toLowerCase = (o) => (String.prototype.toLocaleLowerCase || String.prototype.toLowerCase)(o);
-export const ucfirst = (o) => `${o.charAt(0).toUpperCase()}${o.substring(1, o.length)}`;
-export const toHash = (n, len = 6) => new Hashids(__SALT, len).encode(n);
-export const fromHash = (n) => Number(new Hashids(__SALT).decode(n));
-export const css = () => __css ? __css : __css = new CSS();
-export const withCSS = (cx) => css().Build([[`string` == typeof cx ? cx : cx.join(` `)]]).cx.join(` `);
-export const uuid = (len) => nanoid(len);
-export const MD5 = (str) => md5(str);
-export const numberInRange = (min, max) => {
-    return Math.floor(Math.random() * (max - min + 1)) + min;
-};
-export const getCSSVariable = (el, name) => {
-    return getComputedStyle(el).getPropertyValue(`--${name}`);
-};
-// Hex color regex (#RGB, #RRGGBB)
-export const hexColorRegex = /^#([A-Fa-f0-9]{3}){1,2}$/;
-// RGBA color regex (rgba(255, 255, 255, 1))
-export const rgbaColorRegex = /^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(,\s*((0|1|0?\.\d+)\s*))?\)$/;
-// HSL color regex (hsl(360, 100%, 100%))
-export const hslColorRegex = /^hsl\(\s*(\d{1,3})\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*\)$/;
-export const isHexColor = (color) => hexColorRegex.test(color);
-export const isRgbaColor = (color) => rgbaColorRegex.test(color);
-export const isHslColor = (color) => hslColorRegex.test(color);
-// Function to validate a color string
-export const isColor = (color) => colorNames.includes(color) || isHexColor(color) || isRgbaColor(color) || isHslColor(color);
-export const hexToRgba = (hex, alpha = 1) => {
-    // Remove the hash symbol if present
-    hex = hex.replace(/^#/, '');
-    // If shorthand hex (#RGB), expand it to full form (#RRGGBB)
-    if (hex.length === 3) {
-        hex = hex.split('').map(char => char + char).join('');
-    }
-    // Convert to integer values for RGB
-    const bigint = parseInt(hex, 16);
-    const r = (bigint >> 16) & 255;
-    const g = (bigint >> 8) & 255;
-    const b = bigint & 255;
-    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
-};
-export const cleanProps = (props, withProps = []) => {
-    let _extras = [`as`, `editor`, ...withProps];
-    let _props = { ...props };
-    Object.keys(_props).map(k => {
-        if (k in cssProps) {
-            delete _props[k];
-        }
-    });
-    if (`skeleton` in _extras && _extras.skeleton.enabled == true) {
-        delete _props[`children`];
-    }
-    _extras.map(x => x in _props && delete _props[x]);
-    return _props;
-};
-export const withZuz = (cx) => css().Build([[`string` == typeof cx ? cx : cx.join(` `)]]).cx.join(` `);
-export const setDeep = (object, path, value, seperator = `.`) => {
-    const _path = path.split(seperator);
-    const base = _path[0];
-    if (base === undefined) {
-        return object;
-    }
-    if (!object.hasOwnProperty(base)) {
-        object[base] = {};
-    }
-    // Determine if there is still layers to traverse
-    value = _path.length <= 1 ? value : setDeep(object[base], _path.slice(1).join(seperator), value, seperator);
-    return {
-        ...object,
-        [base]: value,
-    };
-};
-export const removeDuplicatesFromArray = (array) => {
-    return array.reduce((accumulator, currentValue) => {
-        if (!accumulator.includes(currentValue)) {
-            accumulator.push(currentValue);
-        }
-        return accumulator;
-    }, []);
-};
-export const withPost = async (uri, data, timeout = 60, onProgress) => {
-    const _cookies = Cookies.get();
-    if (data instanceof FormData) {
-        for (const c in _cookies) {
-            data.append(c, _cookies[c]);
-        }
-        return new Promise((resolve, reject) => {
-            axios({
-                method: 'post',
-                url: uri,
-                data: data,
-                timeout: timeout * 1000,
-                headers: {
-                    'Content-Type': 'multipart/form-data',
-                },
-                onUploadProgress: ev => onProgress && onProgress(ev)
-            })
-                .then(resp => {
-                if (resp.data && "kind" in resp.data) {
-                    resolve(resp.data);
-                }
-                else {
-                    reject(resp.data);
-                }
-            })
-                .catch(err => reject(err));
-        });
-    }
-    return new Promise((resolve, reject) => {
-        axios.post(uri, {
-            ...data,
-            ..._cookies,
-            __stmp: new Date().getTime() / 1000
-        }, {
-            timeout: 1000 * timeout,
-            headers: {
-                'Content-Type': 'application/json',
-            }
-        })
-            .then(resp => {
-            if (resp.data && "kind" in resp.data) {
-                resolve(resp.data);
-            }
-            else {
-                reject(resp.data);
-            }
-        })
-            .catch(err => {
-            if (err?.response?.data)
-                reject(err.response.data);
-            else
-                reject(err.code && err.code == `ERR_NETWORK` ? { error: err.code, message: navigator.onLine ? `Unable to connect to the server. It may be temporarily down.` : `Network error: Unable to connect. Please check your internet connection and try again.` } : err);
-        });
-    });
-};
-export const withTime = (fun) => {
-    const start = new Date().getTime();
-    const result = fun();
-    const end = new Date().getTime();
-    return {
-        result,
-        executionTime: end - start
-    };
-};
-export const time = (stamp, format) => {
-    return stamp ?
-        moment.unix(+stamp / 1000).format(format || `YYYY-MM-DD HH:mm:ss`)
-        : moment().format(format || `YYYY-MM-DD HH:mm:ss`);
-};
-export const timeSince = (stamp) => moment(stamp).fromNow();
-export const arrayRand = (arr) => arr[Math.floor(Math.random() * arr.length)];
-export const formatNumber = ({ number, locale = 'en-US', style = `decimal`, decimal = 2, currency }) => {
-    if (style === 'currency' && !currency) {
-        throw new TypeError('Currency code is required with currency style.');
-    }
-    if (currency) {
-        const { code, style: currencyStyle, symbol } = currency;
-        const out = new Intl.NumberFormat(locale, {
-            style: `currency`,
-            currency: code,
-            currencyDisplay: currencyStyle,
-            minimumFractionDigits: +number % 1 > 0 ? decimal : 0,
-            maximumFractionDigits: +number % 1 > 0 ? decimal : 0
-        }).format(+number);
-        return symbol ? out.replace(new RegExp(`\\${code}`, 'g'), symbol) : out;
-    }
-    return new Intl.NumberFormat(locale, {
-        style,
-        minimumFractionDigits: +number % 1 > 0 ? 2 : 0,
-        maximumFractionDigits: +number % 1 > 0 ? 2 : 0
-    }).format(+number);
-};
-export const formatSize = (bytes) => {
-    const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
-    const _bytes = `string` == typeof bytes ? parseFloat(bytes) : bytes;
-    if (_bytes == 0)
-        return '0 Byte';
-    const _i = Math.floor(Math.log(_bytes) / Math.log(1024));
-    const i = `string` == typeof _i ? parseInt(_i) : _i;
-    const nx = _bytes / Math.pow(1024, i);
-    return nx.toFixed(2) + ' ' + sizes[i];
-};
-export const copyToClipboard = (text) => {
-    if (navigator.clipboard && navigator.clipboard.writeText) {
-        return navigator.clipboard.writeText(text);
-    }
-    else {
-        return new Promise((resolve, reject) => {
-            const textarea = document.createElement("textarea");
-            textarea.value = text;
-            textarea.style.position = "fixed"; // Prevent scrolling to bottom of page in MS Edge.
-            document.body.appendChild(textarea);
-            textarea.focus();
-            textarea.select();
-            try {
-                document.execCommand("copy");
-                resolve(`Copied to clipboard`);
-            }
-            catch (err) {
-                // console.error("Fallback: Oops, unable to copy", err);
-                reject(err);
-            }
-            document.body.removeChild(textarea);
-        });
-    }
-};
-export const natsort = (options = {
-    direction: SORT.Asc,
-    caseSensitive: false,
-}) => {
-    const ore = /^0/;
-    const sre = /\s+/g;
-    const tre = /^\s+|\s+$/g;
-    // unicode
-    const ure = /[^\x00-\x80]/;
-    // hex
-    const hre = /^0x[0-9a-f]+$/i;
-    // numeric
-    const nre = /(0x[\da-fA-F]+|(^[\+\-]?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?(?=\D|\s|$))|\d+)/g;
-    // datetime
-    const dre = /(^([\w ]+,?[\w ]+)?[\w ]+,?[\w ]+\d+:\d+(:\d+)?[\w ]?|^\d{1,4}[\/\-]\d{1,4}[\/\-]\d{1,4}|^\w+, \w+ \d+, \d{4})/; // tslint:disable-line
-    const GREATER = options.direction == SORT.Desc ? -1 : 1;
-    const SMALLER = -GREATER;
-    const _normalize = !options.caseSensitive
-        ? (s) => s.toString().toLowerCase().replace(tre, '')
-        : (s) => (`${s}`).replace(tre, '');
-    const _tokenize = (s) => {
-        return s.replace(nre, '\0$1\0')
-            .replace(/\0$/, '')
-            .replace(/^\0/, '')
-            .split('\0');
-    };
-    const _parse = (s, l) => {
-        return (!s.match(ore) || l === 1) &&
-            parseFloat(s)
-            || s.replace(sre, ' ').replace(tre, '')
-            || 0;
-    };
-    return function (a, b) {
-        const aa = _normalize(a);
-        const bb = _normalize(b);
-        if (!aa && !bb) {
-            return 0;
-        }
-        if (!aa && bb) {
-            return SMALLER;
-        }
-        if (aa && !bb) {
-            return GREATER;
-        }
-        const aArr = _tokenize(aa);
-        const bArr = _tokenize(bb);
-        // hex or date detection
-        const aHex = aa.match(hre);
-        const bHex = bb.match(hre);
-        const av = (aHex && bHex) ? parseInt(aHex[0], 16) : (aArr.length !== 1 && Date.parse(aa));
-        const bv = (aHex && bHex)
-            ? parseInt(bHex[0], 16)
-            : av && bb.match(dre) && Date.parse(bb) || null;
-        // try and sort Hex codes or Dates
-        if (bv) {
-            if (av === bv) {
-                return 0;
-            }
-            if (typeof av === 'number' && typeof bv === 'number' && av < bv) {
-                return SMALLER;
-            }
-            if (typeof av === 'number' && av > bv) {
-                return GREATER;
-            }
-        }
-        const al = aArr.length;
-        const bl = bArr.length;
-        // handle numeric strings and default strings
-        for (let i = 0, l = Math.max(al, bl); i < l; i += 1) {
-            const af = _parse(aArr[i] || '', al);
-            const bf = _parse(bArr[i] || '', bl);
-            if (isNaN(af) !== isNaN(bf)) {
-                return isNaN(af) ? GREATER : SMALLER;
-            }
-            if (ure.test(af + bf) && af.localeCompare) {
-                const comp = af.localeCompare(bf);
-                if (comp > 0) {
-                    return GREATER;
-                }
-                if (comp < 0) {
-                    return SMALLER;
-                }
-                if (i === l - 1) {
-                    return 0;
-                }
-            }
-            if (af < bf) {
-                return SMALLER;
-            }
-            if (af > bf) {
-                return GREATER;
-            }
-            if (`${af}` < `${bf}`) {
-                return SMALLER;
-            }
-            if (`${af}` > `${bf}`) {
-                return GREATER;
-            }
-        }
-        return 0;
-    };
-};
-export const bindKey = (key, fun, element) => {
-    const handleKeydown = (event) => {
-        if (key === event.keyCode) {
-            fun();
-        }
-    };
-    (element || document.documentElement).addEventListener('keydown', handleKeydown);
-};
-export const camelCase = (str) => {
-    return str
-        .toLowerCase()
-        .split(/[^a-zA-Z0-9]+/) // Split by any non-alphanumeric character
-        .map((word, index) => index === 0
-        ? word
-        : word.charAt(0).toUpperCase() + word.slice(1))
-        .join('');
-};
-export const pluralize = (word, count) => `${word}${count !== 1 ? 's' : ''}`;
-export const addPropsToChildren = (children, conditions, newProps) => {
-    return Children.map(children, (child) => {
-        if (isValidElement(child)) {
-            const element = child;
-            const newChild = conditions(element)
-                ? cloneElement(element, { ...newProps })
-                : element;
-            if (element.props.children) {
-                return cloneElement(newChild, {
-                    children: addPropsToChildren(element.props.children, conditions, newProps)
-                });
-            }
-            return newChild;
-        }
-        return child;
-    });
-};
-export const getPositionAroundElement = (x, y, distance, childCount) => {
-    const positions = [];
-    const angle = 360 / childCount;
-    for (let i = 0; i < childCount; i++) {
-        const radian = (angle * i * Math.PI) / 180;
-        positions.push({
-            x: x + distance * Math.cos(radian),
-            y: y + distance * Math.sin(radian)
-        });
-    }
-    return positions;
-};
-export const clamp = (value, min, max) => {
-    return Math.min(Math.max(value, min), max);
-};
-export function mergeRefs(...refs) {
-    return (value) => {
-        refs.forEach(ref => {
-            if (typeof ref === 'function') {
-                ref(value);
-            }
-            else if (ref != null) {
-                ref.current = value;
-            }
-        });
-    };
-}
-export const slugify = (text, separator = "-") => {
-    if (undefined == text) {
-        console.log(text, `is undefined`);
-        return ``;
-    }
-    return text
-        .normalize("NFKD") // Normalize accents (e.g., é → e)
-        .replace(/[\u0300-\u036f]/g, "") // Remove diacritic marks
-        .toLowerCase()
-        .replace(/[^a-z0-9\p{L}\p{N}]+/gu, separator) // Keep letters/numbers from all languages
-        .replace(new RegExp(`\\${separator}{2,}`, "g"), separator) // Remove duplicate separators
-        .replace(new RegExp(`^\\${separator}|\\${separator}$`, "g"), ""); // Trim separators from ends
-};

package/dist/esm/src/funs/stylesheet.d.ts

@@ -1,9 +0,0 @@
-import { cssShortKeys, dynamicObject } from "../types";
-export declare const cssProps: dynamicObject;
-export declare const cssDirect: dynamicObject;
-export declare const cssPropsWithColor: string[];
-export declare const cssAnimationCurves: dynamicObject;
-export declare const cssAnimationFunctions: dynamicObject;
-export declare const cssTransformKeys: string[];
-export declare const cssFilterKeys: string[];
-export declare const cssWithKeys: cssShortKeys;