@cleen/ui-core 0.1.1 → 0.1.2

package/dist/index.js

@@ -1,758 +1 @@
-// src/hooks/useAnimateNumber.ts
-import { useEffect, useState } from "react";
-var easeOutQuad = (progress) => {
-  return 1 - (1 - progress) * (1 - progress);
-};
-var useAnimateNumber = ({
-  targetNumber,
-  defaultNumber = 0,
-  duration = 1e3,
-  disabled = false,
-  easeOut = true
-}) => {
-  const [animatedNumber, setAnimatedNumber] = useState(defaultNumber);
-  useEffect(() => {
-    if (disabled) {
-      return;
-    }
-    let start = null;
-    const animate = (timestamp) => {
-      if (!start) start = timestamp;
-      const progressTime = timestamp - start;
-      let progress = Math.min(progressTime / duration, 1);
-      if (easeOut) {
-        progress = easeOutQuad(progress);
-      }
-      const progressValue = progress * targetNumber;
-      setAnimatedNumber(progressValue);
-      if (progressValue < targetNumber) {
-        requestAnimationFrame(animate);
-      }
-    };
-    requestAnimationFrame(animate);
-  }, [targetNumber, duration, disabled, easeOut]);
-  if (disabled) {
-    return targetNumber;
-  }
-  return animatedNumber;
-};
-
-// src/hooks/useControlled.ts
-import { useEffect as useEffect2, useState as useState2 } from "react";
-var useControlled = ({
-  value,
-  defaultValue,
-  onChange
-}) => {
-  const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = useState2(
-    defaultValue
-  );
-  const currentValue = isControlled ? value : internalValue;
-  const handleChange = (newValue) => {
-    if (!isControlled) {
-      setInternalValue(newValue);
-    }
-    onChange?.(newValue);
-  };
-  useEffect2(() => {
-    if (!isControlled) {
-      setInternalValue(value ?? defaultValue ?? void 0);
-    }
-  }, [value, defaultValue, isControlled]);
-  return {
-    value: currentValue,
-    isControlled,
-    handleChange
-  };
-};
-
-// src/hooks/useDebounce.ts
-import { useEffect as useEffect3, useState as useState3 } from "react";
-var useDebounce = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = useState3(value);
-  useEffect3(() => {
-    const handler = setTimeout(() => {
-      setDebouncedValue(value);
-    }, delay);
-    return () => {
-      clearTimeout(handler);
-    };
-  }, [value, delay]);
-  return debouncedValue;
-};
-
-// src/hooks/useDisclosure.ts
-import { useState as useState4 } from "react";
-var useDisclosure = (props) => {
-  const [isOpenInternal, setIsOpenInternal] = useState4(false);
-  const isOpen = props?.value !== void 0 ? props.value : isOpenInternal;
-  const open = () => {
-    setIsOpenInternal(true);
-    props?.setValue?.(true);
-  };
-  const close = () => {
-    setIsOpenInternal(false);
-    props?.setValue?.(false);
-  };
-  const toggle = () => {
-    setIsOpenInternal((prev) => !prev);
-    props?.setValue?.(!isOpen);
-  };
-  return {
-    isOpen,
-    open,
-    close,
-    toggle
-  };
-};
-
-// src/hooks/useForm.ts
-import { useEffect as useEffect4, useMemo, useState as useState5 } from "react";
-var useForm = ({
-  defaultValue,
-  resetOnDefaultValueChange = true
-}) => {
-  const [form, setForm] = useState5(defaultValue);
-  const reset = () => setForm(defaultValue);
-  const setField = (field, value) => {
-    setForm((prev) => ({ ...prev, [field]: value }));
-  };
-  const isDirty = useMemo(
-    () => JSON.stringify(form) !== JSON.stringify(defaultValue),
-    [form, defaultValue]
-  );
-  useEffect4(() => {
-    if (defaultValue && resetOnDefaultValueChange) {
-      setForm(defaultValue);
-    }
-  }, [defaultValue, resetOnDefaultValueChange]);
-  return {
-    form,
-    isDirty,
-    setForm,
-    setField,
-    reset
-  };
-};
-
-// src/hooks/useOutsideClick.ts
-import { useEffect as useEffect5 } from "react";
-function useOutsideClick({
-  refs,
-  handler,
-  enabled = true
-}) {
-  useEffect5(() => {
-    if (!enabled) return;
-    const listener = (event) => {
-      const clickedInside = refs.some((ref) => {
-        const el = ref.current;
-        if (!el) return false;
-        return el.contains(event.target);
-      });
-      if (clickedInside) return;
-      setTimeout(() => handler(event), 0);
-    };
-    document.addEventListener("mousedown", listener);
-    document.addEventListener("touchstart", listener);
-    return () => {
-      document.removeEventListener("mousedown", listener);
-      document.removeEventListener("touchstart", listener);
-    };
-  }, [refs, handler, enabled]);
-}
-
-// src/hooks/usePaginationState.ts
-import { useState as useState6 } from "react";
-function usePaginationState(options = {}) {
-  const { initialPage = 1, initialPageSize = 10 } = options;
-  const [page, setPage] = useState6(initialPage);
-  const [pageSize, setPageSize] = useState6(initialPageSize);
-  const handleNextPage = (nextPage) => setPage(nextPage);
-  const handlePreviousPage = (prevPage) => setPage(prevPage);
-  const handlePageChange = (newPage) => setPage(newPage);
-  return {
-    page,
-    setPage,
-    pageSize,
-    setPageSize,
-    handleNextPage,
-    handlePreviousPage,
-    handlePageChange
-  };
-}
-
-// src/utils/position.ts
-var calculateOptimalPosition = (overlayRect, triggerRect, preferredPosition) => {
-  const viewport = {
-    width: window.innerWidth,
-    height: window.innerHeight
-  };
-  let newPosition = preferredPosition;
-  if (preferredPosition === "left" || preferredPosition === "right") {
-    const isLeft = preferredPosition === "left";
-    const spaceLeft = triggerRect.left;
-    const spaceRight = viewport.width - triggerRect.right;
-    if (isLeft && spaceLeft < overlayRect.width && spaceRight > overlayRect.width) {
-      return "right";
-    } else if (!isLeft && spaceRight < overlayRect.width && spaceLeft > overlayRect.width) {
-      return "left";
-    }
-    return newPosition;
-  }
-  const isBottom = preferredPosition.startsWith("bottom");
-  const spaceBelow = viewport.height - triggerRect.bottom;
-  const spaceAbove = triggerRect.top;
-  if (isBottom && spaceBelow < overlayRect.height && spaceAbove > overlayRect.height) {
-    newPosition = preferredPosition.replace("bottom", "top");
-  } else if (!isBottom && preferredPosition.startsWith("top") && spaceAbove < overlayRect.height && spaceBelow > overlayRect.height) {
-    newPosition = preferredPosition.replace("top", "bottom");
-  }
-  if (preferredPosition.includes("-")) {
-    const isLeft = preferredPosition.endsWith("left");
-    const spaceRight = viewport.width - triggerRect.right;
-    const spaceLeft = triggerRect.left;
-    if (isLeft && spaceRight < overlayRect.width && spaceLeft > overlayRect.width) {
-      newPosition = newPosition.replace("left", "right");
-    } else if (!isLeft && spaceRight < overlayRect.width && spaceLeft > overlayRect.width) {
-      newPosition = newPosition.replace("right", "left");
-    }
-  }
-  return newPosition;
-};
-var calculatePositionValues = (overlayRect, triggerRect, position, offset) => {
-  if (!triggerRect) {
-    return { top: 0, left: 0 };
-  }
-  const scrollY = window.scrollY;
-  const scrollX = window.scrollX;
-  const gap = offset || 0;
-  let top = 0;
-  if (position.startsWith("bottom")) {
-    top = triggerRect.bottom + scrollY + gap;
-  } else if (position.startsWith("top")) {
-    top = triggerRect.top + scrollY - (overlayRect?.height || 0) - gap;
-  } else {
-    top = triggerRect.top + scrollY + triggerRect.height / 2 - (overlayRect?.height || 0) / 2;
-  }
-  let left = 0;
-  if (position === "left") {
-    left = triggerRect.left + scrollX - (overlayRect?.width || 0) - gap;
-  } else if (position === "right") {
-    left = triggerRect.right + scrollX + gap;
-  } else if (position.endsWith("left") || position === "bottom" || position === "top") {
-    left = triggerRect.left + scrollX;
-  } else if (position.endsWith("right")) {
-    left = triggerRect.right + scrollX - (overlayRect?.width || 0);
-  }
-  if (position === "bottom" || position === "top") {
-    left = triggerRect.left + scrollX + triggerRect.width / 2 - (overlayRect?.width || 0) / 2;
-  }
-  return { top, left };
-};
-
-// src/hooks/usePositionClose.ts
-import { useEffect as useEffect6, useMemo as useMemo2, useState as useState7 } from "react";
-var usePositionClose = ({
-  triggerRef,
-  targetRef,
-  position = "bottom-left",
-  offset = 8,
-  isOpen
-}) => {
-  const [isMounted, setIsMounted] = useState7(false);
-  const { positionStyles, optimalPosition } = useMemo2(() => {
-    if (isMounted && targetRef.current && triggerRef.current) {
-      const overlayRect = targetRef.current.getBoundingClientRect();
-      const triggerRect = triggerRef.current.getBoundingClientRect();
-      const optimalPosition2 = calculateOptimalPosition(
-        overlayRect,
-        triggerRect,
-        position
-      );
-      const coords = calculatePositionValues(
-        overlayRect,
-        triggerRect,
-        optimalPosition2,
-        offset
-      );
-      return { positionStyles: coords, optimalPosition: optimalPosition2 };
-    }
-    return { positionStyles: { top: 0, left: 0 }, optimal: position };
-  }, [triggerRef, targetRef, position, offset, isMounted]);
-  useEffect6(() => {
-    if (isOpen) {
-      setIsMounted(true);
-    } else {
-      setIsMounted(false);
-    }
-  }, [isOpen]);
-  return {
-    positionStyles,
-    optimalPosition,
-    isMounted
-  };
-};
-
-// src/hooks/useValidation.ts
-import { useCallback, useState as useState8 } from "react";
-var useValidation = (defaultValue) => {
-  const [errors, setErrors] = useState8(defaultValue);
-  const setError = useCallback((field, value) => {
-    setErrors((prev) => {
-      prev[field] = value;
-      return { ...prev };
-    });
-  }, []);
-  const clearErrors = useCallback(() => {
-    setErrors(defaultValue);
-  }, [defaultValue]);
-  const clearError = useCallback((field) => {
-    setErrors((prev) => {
-      delete prev[field];
-      return { ...prev };
-    });
-  }, []);
-  return {
-    errors,
-    setError,
-    setErrors,
-    clearError,
-    clearErrors
-  };
-};
-
-// src/hooks/useWatchResize.ts
-import { useEffect as useEffect7 } from "react";
-var useWidthDynamicResize = ({ ref, skip }, deps) => {
-  useEffect7(() => {
-    const node = ref.current;
-    if (!node || skip) {
-      return;
-    }
-    const currentWidth = node.offsetWidth;
-    node.style.width = `${currentWidth}px`;
-    requestAnimationFrame(() => {
-      node.style.width = "auto";
-      const newWidth = node.offsetWidth;
-      node.style.width = `${currentWidth}px`;
-      void node.offsetHeight;
-      node.style.width = `${newWidth}px`;
-      const handleTransitionEnd = () => {
-        if (node) {
-          node.style.width = "auto";
-        }
-        node?.removeEventListener("transitionend", handleTransitionEnd);
-      };
-      node.addEventListener("transitionend", handleTransitionEnd);
-    });
-  }, deps);
-};
-
-// src/store/colors.ts
-import { create } from "zustand";
-import { persist } from "zustand/middleware";
-var PREFIX = "--cleen-";
-var colorVars = [
-  "white",
-  "black",
-  "gray",
-  "pink",
-  "purple",
-  "indigo",
-  "blue",
-  "primary",
-  "success",
-  "warning",
-  "error",
-  "brand",
-  "sidebar",
-  "background"
-];
-var useCleenColors = create()(
-  persist(
-    (set, get) => ({
-      colors: {},
-      getColors: () => {
-        const colors = get().colors;
-        return colorVars.reduce(
-          (prev, colorVar) => {
-            if (colors[colorVar]) {
-              prev[colorVar] = colors[colorVar];
-            } else {
-              prev[colorVar] = getComputedStyle(
-                document.documentElement
-              ).getPropertyValue(`${PREFIX}${colorVar}`);
-            }
-            return prev;
-          },
-          {}
-        );
-      },
-      getColor: (color) => {
-        const colors = get().colors;
-        if (colors[color]) {
-          return colors[color];
-        } else {
-          return getComputedStyle(document.documentElement).getPropertyValue(
-            `${PREFIX}${color}`
-          );
-        }
-      },
-      setColors: (colors) => Object.entries(colors).map(
-        ([colorVar, value]) => set((state) => ({
-          colors: {
-            ...state.colors,
-            [colorVar]: value
-          }
-        }))
-      ),
-      setColor: (colorVar, value) => {
-        set((state) => ({
-          colors: {
-            ...state.colors,
-            [colorVar]: value
-          }
-        }));
-      },
-      resetColors: () => {
-        set({ colors: {} });
-      },
-      resetColor: (colorVar) => {
-        const colors = get().colors;
-        delete colors[colorVar];
-        set({ colors });
-      }
-    }),
-    {
-      name: "cleen-colors"
-    }
-  )
-);
-
-// src/store/overlays.ts
-import { create as create2 } from "zustand";
-import { persist as persist2 } from "zustand/middleware";
-var useCleenOverlays = create2()(
-  persist2(
-    (set) => ({
-      overlays: [],
-      addOverlay: (id) => {
-        set((state) => ({ overlays: [...state.overlays, id] }));
-      },
-      removeOverlay: (id) => {
-        set((state) => ({ overlays: state.overlays.filter((v) => v !== id) }));
-      },
-      clearOverlays: () => {
-        set({ overlays: [] });
-      }
-    }),
-    {
-      name: "cleen-overlays"
-    }
-  )
-);
-
-// src/utils/audio.ts
-var encodeWav = (buffer) => {
-  const { numberOfChannels: channels, sampleRate, length } = buffer;
-  const bitsPerSample = 16;
-  const blockAlign = channels * bitsPerSample / 8;
-  const byteRate = sampleRate * blockAlign;
-  const dataSize = length * blockAlign;
-  const wavBuffer = new ArrayBuffer(44 + dataSize);
-  const v = new DataView(wavBuffer);
-  const str = (offset2, s) => {
-    for (let i = 0; i < s.length; i++) v.setUint8(offset2 + i, s.charCodeAt(i));
-  };
-  str(0, "RIFF");
-  v.setUint32(4, 36 + dataSize, true);
-  str(8, "WAVE");
-  str(12, "fmt ");
-  v.setUint32(16, 16, true);
-  v.setUint16(20, 1, true);
-  v.setUint16(22, channels, true);
-  v.setUint32(24, sampleRate, true);
-  v.setUint32(28, byteRate, true);
-  v.setUint16(32, blockAlign, true);
-  v.setUint16(34, bitsPerSample, true);
-  str(36, "data");
-  v.setUint32(40, dataSize, true);
-  let offset = 44;
-  for (let i = 0; i < length; i++) {
-    for (let ch = 0; ch < channels; ch++) {
-      const s = Math.max(-1, Math.min(1, buffer.getChannelData(ch)[i]));
-      v.setInt16(offset, s < 0 ? s * 32768 : s * 32767, true);
-      offset += 2;
-    }
-  }
-  return new Blob([wavBuffer], { type: "audio/wav" });
-};
-var trimBlob = async (blob, startSec, endSec) => {
-  const ctx = new AudioContext();
-  const decoded = await ctx.decodeAudioData(await blob.arrayBuffer());
-  await ctx.close();
-  const { sampleRate, numberOfChannels } = decoded;
-  const startSample = Math.round(startSec * sampleRate);
-  const endSample = Math.round(endSec * sampleRate);
-  const trimLength = endSample - startSample;
-  const trimmedBuffer = new AudioContext().createBuffer(
-    numberOfChannels,
-    trimLength,
-    sampleRate
-  );
-  for (let ch = 0; ch < numberOfChannels; ch++) {
-    trimmedBuffer.copyToChannel(
-      decoded.getChannelData(ch).subarray(startSample, endSample),
-      ch
-    );
-  }
-  return encodeWav(trimmedBuffer);
-};
-
-// src/utils/cn.ts
-import clsx from "clsx";
-import { createTailwindMerge, getDefaultConfig } from "tailwind-merge";
-var twConfig = () => ({
-  ...getDefaultConfig(),
-  prefix: "cleen-"
-});
-var twMerge = createTailwindMerge(twConfig);
-var cn = (...inputs) => {
-  return twMerge(clsx(inputs));
-};
-
-// src/utils/colors.ts
-import {
-  darken,
-  getLuminance,
-  lighten,
-  parseToRgba,
-  toHex,
-  toRgba
-} from "color2k";
-var ColorHelpers = class _ColorHelpers {
-  /**
-   * Calculates the Delta E (CIE94) between two RGB colors.
-   *
-   * Delta E is a metric for color difference. Based on the value, we can describe how different the colors are:
-   *
-   * Perception Levels:
-   * - Delta E <= 1.0: Not perceptible by human eyes.
-   * - Delta E between 1-2: Perceptible through close observation.
-   * - Delta E between 2-10: Perceptible at a glance.
-   * - Delta E between 11-49: Colors are more similar than opposite.
-   * - Delta E = 100: Colors are exact opposites.
-   *
-   * @param {Array<number>} rgb1 - The first RGB color as an array [R, G, B].
-   * @param {Array<number>} rgb2 - The second RGB color as an array [R, G, B].
-   * @returns {number} The Delta E value representing the difference between the two colors.
-   *
-   * @example
-   * deltaE([128, 0, 255], [128, 0, 255]); // 0
-   * deltaE([128, 0, 255], [128, 0, 230]); // 3.175
-   * deltaE([128, 0, 255], [255, 0, 0]);   // 61.24
-   */
-  static deltaE(rgbA, rgbB) {
-    const labA = _ColorHelpers.rgb2lab(rgbA);
-    const labB = _ColorHelpers.rgb2lab(rgbB);
-    const deltaL = labA[0] - labB[0];
-    const deltaA = labA[1] - labB[1];
-    const deltaB = labA[2] - labB[2];
-    const c1 = Math.sqrt(labA[1] * labA[1] + labA[2] * labA[2]);
-    const c2 = Math.sqrt(labB[1] * labB[1] + labB[2] * labB[2]);
-    const deltaC = c1 - c2;
-    let deltaH = deltaA * deltaA + deltaB * deltaB - deltaC * deltaC;
-    deltaH = deltaH < 0 ? 0 : Math.sqrt(deltaH);
-    const sc = 1 + 0.045 * c1;
-    const sh = 1 + 0.015 * c1;
-    const deltaLKlsl = deltaL / 1;
-    const deltaCkcsc = deltaC / sc;
-    const deltaHkhsh = deltaH / sh;
-    const i = deltaLKlsl * deltaLKlsl + deltaCkcsc * deltaCkcsc + deltaHkhsh * deltaHkhsh;
-    return i < 0 ? 0 : Math.sqrt(i);
-  }
-  static rgb2lab(rgb) {
-    let r = rgb[0] / 255, g = rgb[1] / 255, b = rgb[2] / 255, x, y, z;
-    r = r > 0.04045 ? Math.pow((r + 0.055) / 1.055, 2.4) : r / 12.92;
-    g = g > 0.04045 ? Math.pow((g + 0.055) / 1.055, 2.4) : g / 12.92;
-    b = b > 0.04045 ? Math.pow((b + 0.055) / 1.055, 2.4) : b / 12.92;
-    x = (r * 0.4124 + g * 0.3576 + b * 0.1805) / 0.95047;
-    y = (r * 0.2126 + g * 0.7152 + b * 0.0722) / 1;
-    z = (r * 0.0193 + g * 0.1192 + b * 0.9505) / 1.08883;
-    x = x > 8856e-6 ? Math.pow(x, 1 / 3) : 7.787 * x + 16 / 116;
-    y = y > 8856e-6 ? Math.pow(y, 1 / 3) : 7.787 * y + 16 / 116;
-    z = z > 8856e-6 ? Math.pow(z, 1 / 3) : 7.787 * z + 16 / 116;
-    return [116 * y - 16, 500 * (x - y), 200 * (y - z)];
-  }
-  static isSimilar(color1, color2, defaultDeltaE = 24) {
-    const e = _ColorHelpers.deltaE(parseToRgba(color1), parseToRgba(color2));
-    return e < defaultDeltaE;
-  }
-  static adjustColorForContrast(hexColor, amount = 0.25) {
-    let _colorAsHex = toHex(hexColor);
-    let result = hexColor;
-    try {
-      if (_colorAsHex.match(/^#f{2,}e{0,2}$/i) || getLuminance(_colorAsHex) > 0.98) {
-        _colorAsHex = "#ffffff";
-      }
-      if (getLuminance(_colorAsHex) > 0.6) {
-        const darkenedColorHSLA = darken(_colorAsHex, amount);
-        const darkenedColorRGBA = toRgba(darkenedColorHSLA);
-        result = darkenedColorRGBA;
-      } else {
-        const lightenedColorHSLA = lighten(_colorAsHex, amount);
-        const lightenedColorRGBA = toRgba(lightenedColorHSLA);
-        result = lightenedColorRGBA;
-      }
-      return result;
-    } catch {
-      return "rgba(var(--cleen-white)";
-    }
-  }
-  // Util functions to get color based on pass string (CSS variables can be parsed as well)
-  static getComputedColor(color) {
-    if (!color?.includes("var(")) {
-      return color;
-    }
-    const varName = color.match(/var\((--[^,)]+)/)?.[1];
-    if (varName && typeof window !== "undefined") {
-      const color2 = getComputedStyle(document.documentElement).getPropertyValue(varName).trim();
-      return color2 ? `rgb(${color2})` : void 0;
-    }
-    return void 0;
-  }
-  static getComputedRgb(color) {
-    if (!color) {
-      return void 0;
-    }
-    if (!color?.includes("var(")) {
-      const [r, g, b] = parseToRgba(color);
-      return `${r}, ${g}, ${b}`;
-    }
-    const varName = color.match(/var\((--[^,)]+)/)?.[1];
-    if (varName && typeof window !== "undefined") {
-      return getComputedStyle(document.documentElement).getPropertyValue(varName).trim();
-    }
-    return void 0;
-  }
-  static trasparentize(color, value = 0) {
-    return `color-mix(in srgb, ${color} ${(1 - value) * 100}%, transparent)`;
-  }
-};
-
-// src/utils/images.ts
-var PICSUM_BASE_URL = "https://picsum.photos";
-var getRandomImageUrl = (options) => {
-  const { width, height, grayscale, blur, seed } = options;
-  let url = PICSUM_BASE_URL;
-  if (seed) {
-    url += `/seed/${encodeURIComponent(seed)}`;
-  }
-  url += `/${width}/${height || width}`;
-  const params = new URLSearchParams();
-  if (grayscale) {
-    params.append("grayscale", "");
-  }
-  if (blur) {
-    params.append("blur", blur.toString());
-  }
-  if (seed) {
-    params.append("seed", seed);
-  }
-  const queryString = params.toString();
-  if (queryString) {
-    url += `?${queryString}`;
-  }
-  return url;
-};
-
-// src/utils/object.ts
-function isPlainObject(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value) && Object.prototype.toString.call(value) === "[object Object]";
-}
-function applyDefaults(defaults, values) {
-  const merge = (d, v) => {
-    if (v === void 0) {
-      return cloneValue(d);
-    }
-    if (isPlainObject(d) && isPlainObject(v)) {
-      const result = {};
-      const keys = /* @__PURE__ */ new Set([...Object.keys(d), ...Object.keys(v)]);
-      keys.forEach((key) => {
-        const dv = d[key];
-        const vv = v[key];
-        result[key] = merge(dv, vv);
-      });
-      return result;
-    }
-    if (Array.isArray(d) || Array.isArray(v)) {
-      if (v === void 0) return cloneValue(d);
-      return cloneValue(v);
-    }
-    return v !== void 0 ? cloneValue(v) : cloneValue(d);
-  };
-  const cloneValue = (x) => {
-    if (x === void 0) return void 0;
-    if (x === null) return null;
-    if (Array.isArray(x)) return x.map((item) => cloneValue(item));
-    if (isPlainObject(x)) {
-      const o = {};
-      Object.keys(x).forEach((k) => {
-        o[k] = cloneValue(x[k]);
-      });
-      return o;
-    }
-    return x;
-  };
-  return merge(defaults, values);
-}
-
-// src/utils/string.ts
-var formatFileSize = (bytes) => {
-  if (bytes === 0 || !bytes) {
-    return "0 B";
-  }
-  const k = 1024;
-  const sizes = ["B", "KB", "MB", "GB", "TB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return Math.round(bytes / Math.pow(k, i)) + " " + sizes[i];
-};
-var formatAudioTime = (seconds) => {
-  const mins = Math.floor(seconds / 60);
-  const secs = Math.floor(seconds % 60);
-  return `${String(mins).padStart(2, "0")}:${String(secs).padStart(2, "0")}`;
-};
-var getCreatedDate = (date) => {
-  const created = new Date(date);
-  const now = /* @__PURE__ */ new Date();
-  const diffTime = Math.abs(now.getTime() - created.getTime());
-  const diffDays = Math.ceil(diffTime / (1e3 * 60 * 60 * 24));
-  return `Created ${diffDays} days ago`;
-};
-export {
-  ColorHelpers,
-  applyDefaults,
-  calculateOptimalPosition,
-  calculatePositionValues,
-  cn,
-  encodeWav,
-  formatAudioTime,
-  formatFileSize,
-  getCreatedDate,
-  getRandomImageUrl,
-  trimBlob,
-  useAnimateNumber,
-  useCleenColors,
-  useCleenOverlays,
-  useControlled,
-  useDebounce,
-  useDisclosure,
-  useForm,
-  useOutsideClick,
-  usePaginationState,
-  usePositionClose,
-  useValidation,
-  useWidthDynamicResize
-};
+import{useEffect as M,useState as A}from"react";var E=n=>1-(1-n)*(1-n),ae=({targetNumber:n,defaultNumber:r=0,duration:t=1e3,disabled:e=!1,easeOut:o=!0})=>{let[s,i]=A(r);return M(()=>{if(e)return;let a=null,l=c=>{a||(a=c);let u=c-a,f=Math.min(u/t,1);o&&(f=E(f));let m=f*n;i(m),m<n&&requestAnimationFrame(l)};requestAnimationFrame(l)},[n,t,e,o]),e?n:s};import{useEffect as U,useState as B}from"react";var ue=({value:n,defaultValue:r,onChange:t})=>{let e=n!==void 0,[o,s]=B(r),i=e?n:o,a=l=>{e||s(l),t?.(l)};return U(()=>{e||s(n??r??void 0)},[n,r,e]),{value:i,isControlled:e,handleChange:a}};import{useEffect as D,useState as V}from"react";var de=(n,r)=>{let[t,e]=V(n);return D(()=>{let o=setTimeout(()=>{e(n)},r);return()=>{clearTimeout(o)}},[n,r]),t};import{useState as L}from"react";var ge=n=>{let[r,t]=L(!1),e=n?.value!==void 0?n.value:r;return{isOpen:e,open:()=>{t(!0),n?.setValue?.(!0)},close:()=>{t(!1),n?.setValue?.(!1)},toggle:()=>{t(a=>!a),n?.setValue?.(!e)}}};import{useEffect as R,useMemo as $,useState as j}from"react";var Ce=({defaultValue:n,resetOnDefaultValueChange:r=!0})=>{let[t,e]=j(n),o=()=>e(n),s=(a,l)=>{e(c=>({...c,[a]:l}))},i=$(()=>JSON.stringify(t)!==JSON.stringify(n),[t,n]);return R(()=>{n&&r&&e(n)},[n,r]),{form:t,isDirty:i,setForm:e,setField:s,reset:o}};import{useEffect as W}from"react";function Te({refs:n,handler:r,enabled:t=!0}){W(()=>{if(!t)return;let e=o=>{n.some(i=>{let a=i.current;return a?a.contains(o.target):!1})||setTimeout(()=>r(o),0)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}},[n,r,t])}import{useState as P}from"react";function ke(n={}){let{initialPage:r=1,initialPageSize:t=10}=n,[e,o]=P(r),[s,i]=P(t);return{page:e,setPage:o,pageSize:s,setPageSize:i,handleNextPage:u=>o(u),handlePreviousPage:u=>o(u),handlePageChange:u=>o(u)}}var T=(n,r,t)=>{let e={width:window.innerWidth,height:window.innerHeight},o=t;if(t==="left"||t==="right"){let l=t==="left",c=r.left,u=e.width-r.right;return l&&c<n.width&&u>n.width?"right":!l&&u<n.width&&c>n.width?"left":o}let s=t.startsWith("bottom"),i=e.height-r.bottom,a=r.top;if(s&&i<n.height&&a>n.height?o=t.replace("bottom","top"):!s&&t.startsWith("top")&&a<n.height&&i>n.height&&(o=t.replace("top","bottom")),t.includes("-")){let l=t.endsWith("left"),c=e.width-r.right,u=r.left;l&&c<n.width&&u>n.width?o=o.replace("left","right"):!l&&c<n.width&&u>n.width&&(o=o.replace("right","left"))}return o},x=(n,r,t,e)=>{if(!r)return{top:0,left:0};let o=window.scrollY,s=window.scrollX,i=e||0,a=0;t.startsWith("bottom")?a=r.bottom+o+i:t.startsWith("top")?a=r.top+o-(n?.height||0)-i:a=r.top+o+r.height/2-(n?.height||0)/2;let l=0;return t==="left"?l=r.left+s-(n?.width||0)-i:t==="right"?l=r.right+s+i:t.endsWith("left")||t==="bottom"||t==="top"?l=r.left+s:t.endsWith("right")&&(l=r.right+s-(n?.width||0)),(t==="bottom"||t==="top")&&(l=r.left+s+r.width/2-(n?.width||0)/2),{top:a,left:l}};import{useEffect as z,useMemo as F,useState as I}from"react";var Ee=({triggerRef:n,targetRef:r,position:t="bottom-left",offset:e=8,isOpen:o})=>{let[s,i]=I(!1),{positionStyles:a,optimalPosition:l}=F(()=>{if(s&&r.current&&n.current){let c=r.current.getBoundingClientRect(),u=n.current.getBoundingClientRect(),f=T(c,u,t);return{positionStyles:x(c,u,f,e),optimalPosition:f}}return{positionStyles:{top:0,left:0},optimal:t}},[n,r,t,e,s]);return z(()=>{i(!!o)},[o]),{positionStyles:a,optimalPosition:l,isMounted:s}};import{useCallback as h,useState as N}from"react";var De=n=>{let[r,t]=N(n),e=h((i,a)=>{t(l=>(l[i]=a,{...l}))},[]),o=h(()=>{t(n)},[n]),s=h(i=>{t(a=>(delete a[i],{...a}))},[]);return{errors:r,setError:e,setErrors:t,clearError:s,clearErrors:o}};import{useEffect as H}from"react";var Re=({ref:n,skip:r},t)=>{H(()=>{let e=n.current;if(!e||r)return;let o=e.offsetWidth;e.style.width=`${o}px`,requestAnimationFrame(()=>{e.style.width="auto";let s=e.offsetWidth;e.style.width=`${o}px`,e.offsetHeight,e.style.width=`${s}px`;let i=()=>{e&&(e.style.width="auto"),e?.removeEventListener("transitionend",i)};e.addEventListener("transitionend",i)})},t)};import{create as G}from"zustand";import{persist as q}from"zustand/middleware";var S="--cleen-",K=["white","black","gray","pink","purple","indigo","blue","primary","success","warning","error","brand","sidebar","background"],ze=G()(q((n,r)=>({colors:{},getColors:()=>{let t=r().colors;return K.reduce((e,o)=>(t[o]?e[o]=t[o]:e[o]=getComputedStyle(document.documentElement).getPropertyValue(`${S}${o}`),e),{})},getColor:t=>{let e=r().colors;return e[t]?e[t]:getComputedStyle(document.documentElement).getPropertyValue(`${S}${t}`)},setColors:t=>Object.entries(t).map(([e,o])=>n(s=>({colors:{...s.colors,[e]:o}}))),setColor:(t,e)=>{n(o=>({colors:{...o.colors,[t]:e}}))},resetColors:()=>{n({colors:{}})},resetColor:t=>{let e=r().colors;delete e[t],n({colors:e})}}),{name:"cleen-colors"}));import{create as X}from"zustand";import{persist as J}from"zustand/middleware";var He=X()(J(n=>({overlays:[],addOverlay:r=>{n(t=>({overlays:[...t.overlays,r]}))},removeOverlay:r=>{n(t=>({overlays:t.overlays.filter(e=>e!==r)}))},clearOverlays:()=>{n({overlays:[]})}}),{name:"cleen-overlays"}));var Y=n=>{let{numberOfChannels:r,sampleRate:t,length:e}=n,o=16,s=r*o/8,i=t*s,a=e*s,l=new ArrayBuffer(44+a),c=new DataView(l),u=(m,p)=>{for(let d=0;d<p.length;d++)c.setUint8(m+d,p.charCodeAt(d))};u(0,"RIFF"),c.setUint32(4,36+a,!0),u(8,"WAVE"),u(12,"fmt "),c.setUint32(16,16,!0),c.setUint16(20,1,!0),c.setUint16(22,r,!0),c.setUint32(24,t,!0),c.setUint32(28,i,!0),c.setUint16(32,s,!0),c.setUint16(34,o,!0),u(36,"data"),c.setUint32(40,a,!0);let f=44;for(let m=0;m<e;m++)for(let p=0;p<r;p++){let d=Math.max(-1,Math.min(1,n.getChannelData(p)[m]));c.setInt16(f,d<0?d*32768:d*32767,!0),f+=2}return new Blob([l],{type:"audio/wav"})},qe=async(n,r,t)=>{let e=new AudioContext,o=await e.decodeAudioData(await n.arrayBuffer());await e.close();let{sampleRate:s,numberOfChannels:i}=o,a=Math.round(r*s),l=Math.round(t*s),c=l-a,u=new AudioContext().createBuffer(i,c,s);for(let f=0;f<i;f++)u.copyToChannel(o.getChannelData(f).subarray(a,l),f);return Y(u)};import Q from"clsx";import{createTailwindMerge as Z,getDefaultConfig as _}from"tailwind-merge";var ee=()=>({..._(),prefix:"cleen-"}),te=Z(ee),Ye=(...n)=>te(Q(n));import{darken as ne,getLuminance as k,lighten as oe,parseToRgba as g,toHex as re,toRgba as O}from"color2k";var v=class n{static deltaE(r,t){let e=n.rgb2lab(r),o=n.rgb2lab(t),s=e[0]-o[0],i=e[1]-o[1],a=e[2]-o[2],l=Math.sqrt(e[1]*e[1]+e[2]*e[2]),c=Math.sqrt(o[1]*o[1]+o[2]*o[2]),u=l-c,f=i*i+a*a-u*u;f=f<0?0:Math.sqrt(f);let m=1+.045*l,p=1+.015*l,d=s/1,w=u/m,C=f/p,y=d*d+w*w+C*C;return y<0?0:Math.sqrt(y)}static rgb2lab(r){let t=r[0]/255,e=r[1]/255,o=r[2]/255,s,i,a;return t=t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92,e=e>.04045?Math.pow((e+.055)/1.055,2.4):e/12.92,o=o>.04045?Math.pow((o+.055)/1.055,2.4):o/12.92,s=(t*.4124+e*.3576+o*.1805)/.95047,i=(t*.2126+e*.7152+o*.0722)/1,a=(t*.0193+e*.1192+o*.9505)/1.08883,s=s>.008856?Math.pow(s,1/3):7.787*s+16/116,i=i>.008856?Math.pow(i,1/3):7.787*i+16/116,a=a>.008856?Math.pow(a,1/3):7.787*a+16/116,[116*i-16,500*(s-i),200*(i-a)]}static isSimilar(r,t,e=24){return n.deltaE(g(r),g(t))<e}static adjustColorForContrast(r,t=.25){let e=re(r),o=r;try{if((e.match(/^#f{2,}e{0,2}$/i)||k(e)>.98)&&(e="#ffffff"),k(e)>.6){let s=ne(e,t);o=O(s)}else{let s=oe(e,t);o=O(s)}return o}catch{return"rgba(var(--cleen-white)"}}static getComputedColor(r){if(!r?.includes("var("))return r;let t=r.match(/var\((--[^,)]+)/)?.[1];if(t&&typeof window<"u"){let e=getComputedStyle(document.documentElement).getPropertyValue(t).trim();return e?`rgb(${e})`:void 0}}static getComputedRgb(r){if(!r)return;if(!r?.includes("var(")){let[e,o,s]=g(r);return`${e}, ${o}, ${s}`}let t=r.match(/var\((--[^,)]+)/)?.[1];if(t&&typeof window<"u")return getComputedStyle(document.documentElement).getPropertyValue(t).trim()}static trasparentize(r,t=0){return`color-mix(in srgb, ${r} ${(1-t)*100}%, transparent)`}};var se="https://picsum.photos",et=n=>{let{width:r,height:t,grayscale:e,blur:o,seed:s}=n,i=se;s&&(i+=`/seed/${encodeURIComponent(s)}`),i+=`/${r}/${t||r}`;let a=new URLSearchParams;e&&a.append("grayscale",""),o&&a.append("blur",o.toString()),s&&a.append("seed",s);let l=a.toString();return l&&(i+=`?${l}`),i};function b(n){return typeof n=="object"&&n!==null&&!Array.isArray(n)&&Object.prototype.toString.call(n)==="[object Object]"}function nt(n,r){let t=(o,s)=>{if(s===void 0)return e(o);if(b(o)&&b(s)){let i={};return new Set([...Object.keys(o),...Object.keys(s)]).forEach(l=>{let c=o[l],u=s[l];i[l]=t(c,u)}),i}return Array.isArray(o)||Array.isArray(s)?e(s===void 0?o:s):e(s!==void 0?s:o)},e=o=>{if(o!==void 0){if(o===null)return null;if(Array.isArray(o))return o.map(s=>e(s));if(b(o)){let s={};return Object.keys(o).forEach(i=>{s[i]=e(o[i])}),s}return o}};return t(n,r)}var rt=n=>{if(n===0||!n)return"0 B";let r=1024,t=["B","KB","MB","GB","TB"],e=Math.floor(Math.log(n)/Math.log(r));return Math.round(n/Math.pow(r,e))+" "+t[e]},st=n=>{let r=Math.floor(n/60),t=Math.floor(n%60);return`${String(r).padStart(2,"0")}:${String(t).padStart(2,"0")}`},it=n=>{let r=new Date(n),e=Math.abs(new Date().getTime()-r.getTime());return`Created ${Math.ceil(e/(1e3*60*60*24))} days ago`};export{v as ColorHelpers,nt as applyDefaults,T as calculateOptimalPosition,x as calculatePositionValues,Ye as cn,Y as encodeWav,st as formatAudioTime,rt as formatFileSize,it as getCreatedDate,et as getRandomImageUrl,qe as trimBlob,ae as useAnimateNumber,ze as useCleenColors,He as useCleenOverlays,ue as useControlled,de as useDebounce,ge as useDisclosure,Ce as useForm,Te as useOutsideClick,ke as usePaginationState,Ee as usePositionClose,De as useValidation,Re as useWidthDynamicResize};