react-better-html 1.1.220 → 1.1.221

package/dist/index.mjs

@@ -1225,6 +1225,12 @@ function useUrlQuery() {
     );
   }
   const reactRouterDomPluginConfig = reactRouterDomPlugin2.getConfig();
+  const isInRouterContext = reactRouterDomPluginConfig.useInRouterContext();
+  if (!isInRouterContext) {
+    throw new Error(
+      "`useUrlQuery` hook must be used inside a React Router context. Make sure your component is wrapped in a `<BrowserRouter>`, or another Router component."
+    );
+  }
   const navigate = reactRouterDomPluginConfig.useNavigate();
   const [searchParams] = reactRouterDomPluginConfig.useSearchParams();
   const createSearchParams2 = reactRouterDomPluginConfig.createSearchParams;
@@ -1700,20 +1706,22 @@ DivComponent.box = forwardRef6(function Box({
   rightElement,
   lightMode,
   headerBackgroundColor,
+  activeColor,
   isActive,
   children,
   ...props
 }, ref) {
   const theme2 = useTheme7();
   const withClick = props.onClick || props.onClickWithValue;
+  const readyActiveColor = activeColor ?? theme2.colors.primary;
   return /* @__PURE__ */ jsxs3(
     DivComponent,
     {
       color: isActive ? theme2.colors.base : void 0,
-      backgroundColor: isActive ? theme2.colors.primary : theme2.colors.backgroundContent,
-      border: `1px solid ${isActive ? theme2.colors.primary : theme2.colors.border}`,
+      backgroundColor: isActive ? readyActiveColor : theme2.colors.backgroundContent,
+      border: `1px solid ${isActive ? readyActiveColor : theme2.colors.border}`,
       borderRadius: theme2.styles.borderRadius,
-      borderColorHover: withClick && !isActive ? theme2.colors.primary : void 0,
+      borderColorHover: withClick && !isActive ? readyActiveColor : void 0,
       filterHover: withClick && isActive ? "brightness(0.9)" : void 0,
       cursor: withClick ? "pointer" : void 0,
       paddingBlock: title ? theme2.styles.space : theme2.styles.gap,
@@ -7097,18 +7105,14 @@ var FoldableComponent = forwardRef18(function Foldable({
       observer.disconnect();
     };
   }, [isOpen]);
-  useImperativeHandle5(
-    ref,
-    () => {
-      return {
-        open,
-        close,
-        toggle: toggleOpen,
-        isOpen
-      };
-    },
-    [open, close, toggleOpen, isOpen]
-  );
+  useImperativeHandle5(ref, () => {
+    return {
+      open,
+      close,
+      toggle: toggleOpen,
+      isOpen
+    };
+  }, [open, close, toggleOpen, isOpen]);
   return /* @__PURE__ */ jsxs22(Div_default.column, { width: "100%", ...props, children: [
     renderHeader ? renderHeader(isOpen, toggleOpen) : /* @__PURE__ */ jsxs22(
       Div_default.row,