@e-burgos/tucu-ui 2.7.0 → 2.7.1

package/CHANGELOG.md

@@ -5,6 +5,11 @@ 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.1] - 2026-07-15
+
+### Fixed
+
+- work around esbuild CJS-interop bug breaking react-use hooks
 ## [2.7.0] - 2026-07-15
 
 ### Added

package/components/common/collapse.mjs

@@ -1,16 +1,16 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { useState as f, useEffect as h } from "react";
-import { useTheme as p } from "../../themes/hooks/use-theme.mjs";
+import { useMeasure as p } from "../../hooks/use-measure.mjs";
+import { useTheme as b } from "../../themes/hooks/use-theme.mjs";
 import { LAYOUT_OPTIONS as a } from "../../themes/config/index.mjs";
-import { Plus as b } from "../icons/plus.mjs";
-import O from "react-use/lib/useMeasure";
+import { Plus as O } from "../icons/plus.mjs";
 function M({
   label: n,
   children: d,
   initialOpen: s = !1,
   className: l
 }) {
-  const [e, o] = f(!1), [c, { height: m }] = O(), { layout: t } = p(), u = t === a.MACOS || t === a.MACOS_TAHOE || t === a.MACOS_TAHOE_DOCK ? 24 : 0;
+  const [e, o] = f(!1), [c, { height: m }] = p(), { layout: t } = b(), u = t === a.MACOS || t === a.MACOS_TAHOE || t === a.MACOS_TAHOE_DOCK ? 24 : 0;
   return h(() => {
     s && o(!0);
   }, [s]), /* @__PURE__ */ i(
@@ -33,7 +33,7 @@ function M({
                 "span",
                 {
                   className: `shrink-0 transition-transform duration-200 ltr:ml-4 rtl:mr-4 ${e ? "rotate-45" : ""}`,
-                  children: /* @__PURE__ */ r(b, { className: "" })
+                  children: /* @__PURE__ */ r(O, { className: "" })
                 }
               )
             ]

package/components/layouts/menus/collapsible-menu.mjs

@@ -5,7 +5,7 @@ import { motion as g } from "framer-motion";
 import { ActiveLink as w } from "../../links/active-link.mjs";
 import { ChevronDown as k } from "../../icons/chevron-down.mjs";
 import { useLocation as E, useNavigate as L } from "react-router-dom";
-import M from "react-use/lib/useMeasure";
+import { useMeasure as M } from "../../../hooks/use-measure.mjs";
 function G({
   name: h,
   icon: m,

package/components/layouts/menus/expandable-sidebar.mjs

@@ -9,7 +9,7 @@ import { Close as C } from "../../icons/close.mjs";
 import { TagIcon as f } from "../../icons/tag-icon.mjs";
 import { MenuItem as u } from "./menu-item.mjs";
 import { useIsMobile as M } from "../../../hooks/use-is-mobile.mjs";
-import j from "react-use/lib/useClickAway";
+import { useClickAway as j } from "../../../hooks/use-click-away.mjs";
 const s = (p) => p.map((l) => ({
   name: l.name,
   icon: l.icon,

package/components/layouts/menus/menu-item.mjs

@@ -6,7 +6,7 @@ import { ActiveLink as u } from "../../links/active-link.mjs";
 import { ChevronDown as U } from "../../icons/chevron-down.mjs";
 import { useLocation as D, useNavigate as O } from "react-router-dom";
 import { useIsMobile as H } from "../../../hooks/use-is-mobile.mjs";
-import I from "react-use/lib/useMeasure";
+import { useMeasure as I } from "../../../hooks/use-measure.mjs";
 function W({
   name: c,
   icon: w,

package/hooks/internal/cjs-esm-interop.mjs

@@ -0,0 +1,9 @@
+function e(n) {
+  const f = n;
+  if (typeof n == "function") return n;
+  const t = f.default;
+  return typeof t?.default == "function" ? t.default : typeof t == "function" ? t : n;
+}
+export {
+  e as unwrapCjsDefault
+};

package/hooks/use-breakpoint.mjs

@@ -1,5 +1,6 @@
-import o from "react-use/lib/factory/createBreakpoint";
-const t = {
+import * as o from "react-use/lib/factory/createBreakpoint";
+import { unwrapCjsDefault as t } from "./internal/cjs-esm-interop.mjs";
+const e = t(o), r = {
   xs: 480,
   sm: 640,
   md: 768,
@@ -8,7 +9,7 @@ const t = {
   "2xl": 1440,
   "3xl": 1780,
   "4xl": 2160
-}, r = o(t);
+}, s = e(r);
 export {
-  r as useBreakpoint
+  s as useBreakpoint
 };

package/hooks/use-click-away.mjs

@@ -0,0 +1,8 @@
+import * as o from "react-use/lib/useClickAway";
+import { unwrapCjsDefault as r } from "./internal/cjs-esm-interop.mjs";
+const e = r(
+  o
+);
+export {
+  e as useClickAway
+};

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

@@ -0,0 +1,8 @@
+import * as o from "react-use/lib/useCopyToClipboard";
+import { unwrapCjsDefault as p } from "./internal/cjs-esm-interop.mjs";
+const a = p(
+  o
+);
+export {
+  a as useCopyToClipboard
+};

package/hooks/use-measure.mjs

@@ -0,0 +1,6 @@
+import * as e from "react-use/lib/useMeasure";
+import { unwrapCjsDefault as r } from "./internal/cjs-esm-interop.mjs";
+const s = r(e);
+export {
+  s as useMeasure
+};

package/index.d.ts

@@ -47,13 +47,12 @@ import * as TanstackTable from '@tanstack/react-table';
 import { TooltipContentProps } from 'recharts';
 import { Updater } from '@tanstack/react-table';
 import { UseBoundStore } from 'zustand';
-import { default as useClickAway } from 'react-use/lib/useClickAway';
-import { default as useCopyToClipboard } from 'react-use/lib/useCopyToClipboard';
+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 { default as useMeasure } from 'react-use/lib/useMeasure';
+import * as useMeasureModule from 'react-use/lib/useMeasure';
 import { VisibilityState } from '@tanstack/react-table';
 
 export declare const acceptedFileType: {
@@ -5272,7 +5271,7 @@ export declare const useBreakpoint: () => string;
 
 export declare function useChartTheme(): ChartTheme;
 
-export { useClickAway }
+export declare const useClickAway: <E extends Event = Event>(ref: RefObject<HTMLElement | null>, onClickAway: (event: E) => void, events?: string[]) => void;
 
 /**
  * useComponentEventListener
@@ -5295,7 +5294,7 @@ export declare const useComponentEventListener: (id: string) => {
     };
 };
 
-export { useCopyToClipboard }
+export declare const useCopyToClipboard: () => [useCopyToClipboardModule.CopyToClipboardState, (value: string) => void];
 
 /**
  * Hook for the data table context.
@@ -5419,7 +5418,7 @@ export declare const useIsomorphicLayoutEffect: typeof useEffect;
 
 export declare function useLockBodyScroll(freezeBodyScroll: boolean): void;
 
-export { useMeasure }
+export declare const useMeasure: <E extends Element = Element>() => useMeasureModule.UseMeasureResult<E>;
 
 export declare const usePublicErrorRoutesConfig: () => {
     key: AppErrorPage;