@e-burgos/tucu-ui 2.7.2 → 2.7.3

package/CHANGELOG.md

@@ -5,6 +5,16 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.7.3] - 2026-07-15
+
+### Changed
+
+- replace react-use with native React implementations
+- bump @e-burgos/tucu-ui to ^2.7.2
+
+### Fixed
+
+- resolve typecheck errors in CodeBlock's lazy prismjs loading
 ## [2.7.2] - 2026-07-15
 
 ### Fixed

package/components/utils/code-block.mjs

@@ -45,7 +45,7 @@ function y(r) {
 }
 async function L(r) {
   p || (p = import("prismjs"));
-  const { default: o } = await p;
+  const o = await p;
   return r && b[r] && await y(r).catch(() => {
     m.delete(r);
   }), o;

package/hooks/use-breakpoint.mjs

@@ -1,6 +1,5 @@
-import * as o from "react-use/lib/factory/createBreakpoint";
-import { unwrapCjsDefault as t } from "./internal/cjs-esm-interop.mjs";
-const e = t(o), r = {
+import { useState as s, useEffect as d } from "react";
+const a = {
   xs: 480,
   sm: 640,
   md: 768,
@@ -9,7 +8,24 @@ const e = t(o), r = {
   "2xl": 1440,
   "3xl": 1780,
   "4xl": 2160
-}, s = e(r);
+}, i = Object.entries(a).sort(
+  (n, e) => n[1] - e[1]
+);
+function r(n) {
+  let e = i[0][0];
+  for (const [t, o] of i)
+    n >= o && (e = t);
+  return e;
+}
+function f() {
+  const [n, e] = s(
+    () => r(typeof window < "u" ? window.innerWidth : 0)
+  );
+  return d(() => {
+    const t = () => e(r(window.innerWidth));
+    return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+  }, []), n;
+}
 export {
-  s as useBreakpoint
+  f as useBreakpoint
 };

package/hooks/use-click-away.mjs

@@ -1,8 +1,19 @@
-import * as o from "react-use/lib/useClickAway";
-import { unwrapCjsDefault as r } from "./internal/cjs-esm-interop.mjs";
-const e = r(
-  o
-);
+import { useRef as s, useEffect as a } from "react";
+const d = ["mousedown", "touchstart"];
+function i(r, n, e = d) {
+  const c = s(n);
+  c.current = n, a(() => {
+    const o = (t) => {
+      const u = r.current;
+      u && !u.contains(t.target) && c.current(t);
+    };
+    return e.forEach((t) => document.addEventListener(t, o)), () => {
+      e.forEach(
+        (t) => document.removeEventListener(t, o)
+      );
+    };
+  }, [r, e]);
+}
 export {
-  e as useClickAway
+  i as useClickAway
 };

package/hooks/use-copy-to-clipboard.mjs

@@ -1,8 +1,47 @@
-import * as o from "react-use/lib/useCopyToClipboard";
-import { unwrapCjsDefault as p } from "./internal/cjs-esm-interop.mjs";
-const a = p(
-  o
-);
+import { useState as c, useCallback as i } from "react";
+function s(t) {
+  const e = document.createElement("textarea");
+  e.value = t, e.style.position = "fixed", e.style.opacity = "0", document.body.appendChild(e), e.focus(), e.select();
+  let r = !1;
+  try {
+    r = document.execCommand("copy");
+  } catch {
+    r = !1;
+  }
+  return document.body.removeChild(e), r;
+}
+function d() {
+  const [t, e] = c({
+    value: void 0,
+    error: void 0,
+    noUserInteraction: !0
+  }), r = i((o) => {
+    if (typeof o != "string") {
+      e({
+        value: o,
+        error: new Error(
+          `Cannot copy typeof ${typeof o} to clipboard, must be a string`
+        ),
+        noUserInteraction: !0
+      });
+      return;
+    }
+    if (navigator.clipboard && window.isSecureContext) {
+      navigator.clipboard.writeText(o).then(
+        () => e({ value: o, error: void 0, noUserInteraction: !1 }),
+        (a) => e({ value: o, error: a, noUserInteraction: !1 })
+      );
+      return;
+    }
+    const n = s(o);
+    e({
+      value: o,
+      error: n ? void 0 : new Error("Copy failed"),
+      noUserInteraction: !1
+    });
+  }, []);
+  return [t, r];
+}
 export {
-  a as useCopyToClipboard
+  d as useCopyToClipboard
 };

package/hooks/use-measure.mjs

@@ -1,6 +1,26 @@
-import * as e from "react-use/lib/useMeasure";
-import { unwrapCjsDefault as r } from "./internal/cjs-esm-interop.mjs";
-const s = r(e);
+import { useState as n, useEffect as m } from "react";
+const p = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0
+};
+function a() {
+  const [e, o] = n(null), [s, i] = n(p);
+  return m(() => {
+    if (!e || typeof ResizeObserver > "u") return;
+    const t = new ResizeObserver(([r]) => {
+      if (!r) return;
+      const { x: c, y: u, width: f, height: h, top: l, right: d, bottom: g, left: b } = r.target.getBoundingClientRect();
+      i({ x: c, y: u, width: f, height: h, top: l, right: d, bottom: g, left: b });
+    });
+    return t.observe(e), () => t.disconnect();
+  }, [e]), [o, s];
+}
 export {
-  s as useMeasure
+  a as useMeasure
 };

package/index.d.ts

@@ -47,12 +47,10 @@ import * as TanstackTable from '@tanstack/react-table';
 import { TooltipContentProps } from 'recharts';
 import { Updater } from '@tanstack/react-table';
 import { UseBoundStore } from 'zustand';
-import * as useCopyToClipboardModule from 'react-use/lib/useCopyToClipboard';
 import { useEffect } from 'react';
 import { useFormContext } from 'react-hook-form';
 import { UseFormProps } from 'react-hook-form';
 import { UseFormReturn } from 'react-hook-form';
-import * as useMeasureModule from 'react-use/lib/useMeasure';
 import { VisibilityState } from '@tanstack/react-table';
 
 export declare const acceptedFileType: {
@@ -911,6 +909,8 @@ export declare function CleanLayout({ children, className, }: {
     className?: string;
 }): JSX.Element;
 
+declare type ClickAwayEvent = MouseEvent | TouchEvent;
+
 export declare function Close(props: React.SVGAttributes<SVGElement>): JSX.Element;
 
 export declare const CodeBlock: ({ code, language, expanded, noExpand, className, }: {
@@ -1119,6 +1119,12 @@ export declare function convertColumns<TData extends RowData, TValue = unknown>(
 
 export declare const Copy: React.FC<React.SVGAttributes<SVGElement>>;
 
+export declare type CopyToClipboardState = {
+    value?: string;
+    error?: Error;
+    noUserInteraction: boolean;
+};
+
 export declare function CurrencySwapIcons({ from, to }: CurrencySwapIconsProps): JSX.Element;
 
 export declare interface CurrencySwapIconsProps {
@@ -3604,6 +3610,17 @@ export declare interface ManualPaginationState {
     pagination?: PaginationState;
 }
 
+export declare type MeasureRect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+
 export declare function MediaPlayIcon(props: React.SVGAttributes<SVGElement>): JSX.Element;
 
 export declare function MenuItem({ name, icon, path, href, dropdownItems, isActive: isActiveProps, hide, onClick, }: MenuItemProps): JSX.Element;
@@ -5267,11 +5284,11 @@ export declare function Usdc(props: React.SVGAttributes<SVGElement>): JSX.Elemen
 
 export declare const useAnchorScroll: () => null;
 
-export declare const useBreakpoint: () => string;
+export declare function useBreakpoint(): string;
 
 export declare function useChartTheme(): ChartTheme;
 
-export declare const useClickAway: <E extends Event = Event>(ref: RefObject<HTMLElement | null>, onClickAway: (event: E) => void, events?: string[]) => void;
+export declare function useClickAway<T extends HTMLElement = HTMLElement>(ref: RefObject<T | null>, onClickAway: (event: ClickAwayEvent) => void, events?: string[]): void;
 
 /**
  * useComponentEventListener
@@ -5294,7 +5311,10 @@ export declare const useComponentEventListener: (id: string) => {
     };
 };
 
-export declare const useCopyToClipboard: () => [useCopyToClipboardModule.CopyToClipboardState, (value: string) => void];
+export declare function useCopyToClipboard(): [
+CopyToClipboardState,
+(text: string) => void
+];
 
 /**
  * Hook for the data table context.
@@ -5418,7 +5438,10 @@ export declare const useIsomorphicLayoutEffect: typeof useEffect;
 
 export declare function useLockBodyScroll(freezeBodyScroll: boolean): void;
 
-export declare const useMeasure: <E extends Element = Element>() => useMeasureModule.UseMeasureResult<E>;
+export declare function useMeasure<T extends HTMLElement = HTMLElement>(): [
+(node: T | null) => void,
+MeasureRect
+];
 
 export declare const usePublicErrorRoutesConfig: () => {
     key: AppErrorPage;